Figma put a full vector editor in the browser and made multiplayer the default: named cursors move in real time, and selection becomes a social act you can watch happen. The canvas is infinite and zoom-driven — layers dock left, properties dock right — so the chrome never competes with the artboard as work scales. Components and variants turn repeated UI into a single editable source, and the right-panel design-system bindings make consistency the path of least resistance. Auto-layout quietly imports flexbox thinking into a design tool, which is powerful but adds a model users must learn. Comments pin to coordinates, turning review into annotations on the thing itself rather than a separate thread.
Notable UX patterns
Flows
Step through each flow screen by screen.
Onboarding
From the marketing funnel through email sign-up and Figma's adaptive 10-step setup wizard to a first canvas — how Figma orients a brand-new user.
15 screens
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.
5 screens
Teardowns
Teardowns of Figma are coming
We haven't published a written teardown of Figma yet. Explore related topics, or request an audit.
Request a UX audit