Designing in Figma

Three connected, interactive courses — learn by doing in a simulated Figma canvas and in real Figma. From your first screen, to motion that communicates, to a design system a whole team can build on.

Each course runs beginner → master. Interactive slides let you click the real tools; the unique value isn't watching — it's making decisions about hierarchy, motion, and structure that hold up under real content.

The three courses

Course 1

Interaction & UI Design in Figma

6 modules

Frames, layout, type, and the grammar of a screen — design interfaces people can actually use.

Learn the Figma canvas and the principles of UI: hierarchy, spacing, constraints, and auto layout that holds up as content changes.

↓ builds toward Prototyping & Animation

Course 2

Prototyping & Animation in Figma

3 modules

Make screens move: flows, interactions, Smart Animate, easing, and motion that communicates.

Wire screens into interactive prototypes and learn the timing and easing that make transitions feel intentional rather than flashy.

↓ builds toward Design Systems & Components

Course 3

Design Systems & Components in Figma

4 modules

Scale design: components, variants, properties, styles, and tokens that keep a product consistent.

Build a reusable system — components with variants and properties, shared styles, and tokens — so a team designs fast without drifting.

Every course runs the same arc

Beginner

The canvas, the core tools, your first real screen.

→

Intermediate

Layout that adapts, reusable pieces, and interaction basics.

→

Advanced

Robust systems, complex prototypes, motion with intent.

→

Master

Judgment: when to abstract, when to ship, and how to keep a system alive.