Interfaces in Figma
A course from zero to a layout you can hand to developers. Components, auto layout, variants, states — and one project running through it all: an online shop from wireframe to finished screens.
What you will be able to do
9 modules, one project
01 Getting to know Figma3 lessons · 1 h 10 minOpen
We find our way around the interface and make the first screen in the very first session — no theory about the history of design.
02 Grid, spacing and rhythm3 lessons · 1 h 45 min
Why some layouts look put together and others do not. We take the modular grid and the spacing scale apart on real examples.
03 Typography in an interface3 lessons · 2 h
How to choose a pair of typefaces, build a size scale and make the text readable on any screen.
04 Colour and styles2 lessons · 1 h 20 min
We build a palette that works in both light and dark themes and store it in Figma variables.
05 Components and variants3 lessons · 2 h 30 min
The core module of the course. We learn to make a button you will not have to rebuild when the design changes.
06 Auto layout for real3 lessons · 2 h 15 min
Auto layout to the end: nesting, stretching, minimum and maximum width, wrapping.
07 States and the prototype2 lessons · 1 h 30 min
Hover, press, loading, error, empty screen. We put together a clickable prototype and show it to the client.
08 Responsive design2 lessons · 1 h 40 min
How to get the mobile version out of the desktop one without a second file and without dragging every block by hand.
09 Handover to development3 lessons · 2 h 10 min
The final module: we put the file in order, describe what a picture cannot show and defend the work.
What you get
Videos of 8–15 minutes, each with a written version and timecodes so you can return to the right spot.
A starter file and a reference result for each block — you can check your work against the sample.
Practice after every module. On the reviewed format, each piece of work is discussed personally.
The checklist and file structure that get a layout accepted without a hundred follow-up questions.
The whole first module is open
Watch the lessons of the first module and the first task. If the format does not suit you, you have lost nothing.