Manuals / Figma
Design · Beginner → Pro
Figma
Interactive path — click phases, expand checkpoints, mark chapters done. Design, prototype, and hand off — the tool product teams live in.
~5 wk
Typical span
5 phases
Learning bands
0/13
Chapters done
0%
Progress
Relative time weight by phase — click a band to open Phase detail.
Learning path
Phase map for this manual. Download the SVG or jump into a phase below.
Interactive pathway
Learning roadmap
A progressive route through 13 nodes across 5 phases. Click any node to open the chapter.
- Chapter
- Guide
- Checkpoint
- Beginner Mid Advanced
Text list of all chapters
- 01How to use this Figma pathStart
- 02Frames, shapes & constraintsA · Layout
- 03Auto Layout masteryA · Layout
- 04Color, text & effect stylesA · Layout
- 05Checkpoint A — Responsive screensA · Layout
- 06Components & instancesB · Components
- 07Variants & component propertiesB · Components
- 08Variables & modes (design tokens)B · Components
- 09Libraries: publish, consume, updateC · Systems
- 10Prototyping flowsC · Systems
- 11Dev Mode & developer handoffC · Systems
- 12Checkpoint B — Job-ready Figma portfolioC · Systems
- 13Shortcuts, plugins & interview topicsReference
Discussion
Light notes for this path — saved in your browser only (not a public forum yet).