Onboarding Tours
An onboarding tour is a sequence of coachmarks, small cards anchored to real controls, with the rest of the screen dimmed behind them.
Get Pro to installPro9 blocksReact, Vue and Figma
Projects
4 active · updated 2 min ago
Marketing site
Updated 2 hours ago
In review
Billing settings
Updated yesterday
Draft
Docs refresh
Updated 3 days ago
Live
Mobile app
Updated last week
Draft
Morgan from OrvainYour guideSwitch between views
Overview, blocks and tokens sit side by side. The arrow keys move between them.
1 of 4
Every block in the set#
When to use#
- A first run where a few controls carry the whole product and nothing on screen says which
- A feature launch aimed at people who already know the app and need one thing pointed at
- A control living in a rail or a corner that nobody looks at unaided
- A workflow whose order matters and whose layout does not imply that order
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.