Make this skill yours.
Create a tidy Figma file with responsive auto layout, reusable components, and a realistic product prototype.
Your learning path
Frames and visual foundations
- Organize a product design file
- Frames, grids, and constraints
- Type, color, and spacing styles
- Auto layout for content-driven components
Reusable systems
- Nested auto layout and responsive sections
- Components and controlled variants
- Component properties and reusable cards
- Forms, interaction states, and accessible contrast
Prototypes and handoff
- Interactive prototypes and navigation
- Variables and maintainable design tokens
- Developer handoff with behavior notes
- Prototype review and file cleanup
Build something useful
Create a reusable LMS interface kit and prototype a course discovery and enrollment flow for phone and desktop.
What to expect
Twelve guided reading lessons, worked examples, practice worksheets, a subject knowledge check, and an applied project. Allow approximately 40 minutes per lesson, with additional time for your project. The first lesson is available as a free preview.