Master Figma (Beginner to Shipped Product)
8 weeks · 0 milestones
Design a complete product UI in Figma, from wireframes to high-fidelity prototype handed off to engineers.
Milestone map
Milestone map
3 milestones
Develop command of Figma's three most important professional-level features: auto-layout (nested, with fixed and hug sizing on both axes), component variants (creating a component set with multiple properties — state, size, colour), and a design system foundation (a type scale, colour styles, and at least 10 components using both features). Build a mini UI kit demonstrating all three working together on a real design problem, not toy examples.
Proof required
Figma file link showing a mini UI kit with a documented type scale, colour styles, and at least 10 components using auto-layout and variants — annotated to show which property each auto-layout and variant configuration controls.
What gets checked
- Auto-layout used correctly for at least 5 components (not frames that are manually positioned)
- At least one component set has ≥3 variant properties (e.g. state, size, type)
- Type scale and colour styles are defined as Figma styles and used consistently — not repeated local values