Prototyping in Figma — Roadmap Step & Resources
Wiring up interactions and flows so a design can be clicked through like a real app
- Level: intermediate
- Estimated time: 1 days
- Roadmap: UI Design
Before this step
Mini projects
- Build a clickable prototype of a 3-screen onboarding flow with transitions
Study resources
- Create prototypes and animations (Article) — Figma's own official documentation on building interactive prototypes.
- Figma Prototyping Tutorial (Video) — A practical tutorial linking frames together into a clickable prototype.
Part of
- Design Tools: Figma — section
- UI Design roadmap — the full learning path