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.
App store
Flows
Flows for Figma are being captured
We haven't taken Figma apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
We haven't captured Figma's landing page yet.
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
Notable UX patterns
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