Figma

What is Figma?

Figma is a collaborative design platform for interfaces and products. In Figma Design, teams work together in the browser or desktop app, create reusable components and libraries, and link frames into interactive prototypes to test flows before development. Dev Mode gives developers a focused view for inspecting designs, tracking readiness, comparing changes, reading annotations and linking design to code resources. Designers, product managers and engineers can discuss the same files, keeping feedback and handoff in context. The wider suite includes Figma Make for prompt-to-code workflows and Figma Sites for website publishing. Seats, publishing allowances and feature access depend on plan; check the official pricing page.

Best for: Product designers, design systems teams and the developers who build from their files.

Useful for

• 01

  Interface design

  Design app and web screens collaboratively in real time.

• 02

  Prototyping

  Link frames into clickable prototypes to test and present flows.

• 03

  Developer handoff

  Use Dev Mode to inspect specs, statuses and annotations when building.

Key capabilities

• Real-time multiplayer design in browser and desktop app.
• Reusable components and shared libraries for design systems.
• Interactive prototypes built from design frames.
• Dev Mode: inspection, dev statuses, change comparison and annotations.
• Links between designs and code resources for developers.
• Figma Make and Figma Sites provide separate code-generation and website-publishing workflows.

Limitations and considerations

• Seat types and features such as Dev Mode vary by plan.
• A Figma Design prototype is not automatically a production app. Figma Make and Sites use separate building and publishing workflows, with plan-dependent access.

Pricing model

Free with paid options

Free Starter plan, with paid Professional, Organization and Enterprise plans.

Common questions

Is Figma free?

There is a free Starter plan and paid Professional, Organization and Enterprise plans. Check the official pricing page.

What is Figma Dev Mode?

A developer-focused workspace in Figma for inspecting designs, tracking what is ready to build and comparing changes.

Can I prototype in Figma?

Yes. You can connect frames into interactive prototypes inside the same files you design in.

Sources

• Figma Dev Mode (opens in new tab)
• Figma Sites publishing (opens in new tab)
• Figma Make (opens in new tab)
• Figma pricing (opens in new tab)

Curated from official product and pricing pages. Not hands-on tested by Pithmark.