Tools
Learn Figma
1 plan — 6 lessons
Design systems, components, and fast prototyping.
What You'll Learn
Figma basics and frames
Learn the UI and create frames for layouts.
Components and variants
Build reusable components and variants.
Auto layout and responsive design
Use auto layout to build responsive UI.
Design systems and styles
Define colors, typography, and reusable styles.
Prototyping and handoff
Create prototypes and handoff specs for devs.
Mini project: UI kit
Build a small UI kit from scratch.
Design with real system thinking
7 days of components, auto layout, design systems, and prototyping — from blank canvas to a polished UI kit.
Start learningThis plan is the best Figma resource I've used. I built our design system the week after finishing.