Learn the basics

Figma's in-product interactive tutorial — a five-step coachmark tour on a real practice file that teaches frames, text, the design panel, and components without leaving the editor.

1 / 5

Draw a frame (1 of 5)

The tour opens on a populated practice file and teaches the foundational unit first: frames are containers you drag onto the canvas, with the Frame tool spotlighted and device presets waiting on the right.