Figma topics
12 short topics in UI UX and Design Systems. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Document and workspace organization
Produce a Figma design applying document and workspace organization; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Layout and visual hierarchy
Produce a Figma design applying layout and visual hierarchy; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Reusable components
Produce a Figma design applying reusable components; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Variables and design tokens
Produce a Figma design applying variables and design tokens; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Interaction and prototype behavior
Produce a Figma design applying interaction and prototype behavior; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Responsive design variants
Produce a Figma design applying responsive design variants; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Asset preparation and export
Produce a Figma design applying asset preparation and export; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Collaborative feedback
Produce a Figma design applying collaborative feedback; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Design-system governance
Produce a Figma design applying design-system governance; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Developer handoff
Produce a Figma design applying developer handoff; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Accessibility review
Produce a Figma design applying accessibility review; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Design revision and comparison
Produce a Figma design applying design revision and comparison; justify a tradeoff and define review criteria. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond Figma.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in Design documentation and developer collaboration.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.