Figma

Collaborative UI design tool

Free tier + paidDesign tools, color & typefigma.com

What it is

Browser-based interface design and prototyping tool, and the file format the design world exchanges work in. Covers vector editing, auto layout, components and variables, multiplayer editing, prototyping, and Dev Mode, which exposes measurements and CSS or SwiftUI snippets to whoever is building the thing.

Why it earns a slot

Even if you never draw a frame, clients and designers hand you Figma links, and Dev Mode turns them into spacing values, hex codes and CSS you can paste. The free tier reads any file you are invited to.

Know before you commit

The free Starter plan caps you at three files in one team. Figma bills by seat type — a full design seat costs more than a Dev or Collab seat — so check which one a collaborator actually needs before adding them.

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free Starter · Professional $12/editor/mo billed yearly ($15 monthly) · Organization from $45/editor/mo

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Figma (https://www.figma.com) for this project, then use it only if it fits what we are already building.
Context: Collaborative UI design tool. Browser-based interface design and prototyping tool, and the file format the design world exchanges work in. Covers vector editing, auto layout, components and variables, multiplayer editing, prototyping, and Dev Mode, which exposes measurements and CSS or SwiftUI snippets to whoever is building the thing.
Reviewer notes (general, not written for this codebase): Even if you never draw a frame, clients and designers hand you Figma links, and Dev Mode turns them into spacing values, hex codes and CSS you can paste. The free tier reads any file you are invited to.
Watch out for: The free Starter plan caps you at three files in one team. Figma bills by seat type — a full design seat costs more than a Dev or Collab seat — so check which one a collaborator actually needs before adding them.
Pricing: Free Starter · Professional $12/editor/mo billed yearly ($15 monthly) · Organization from $45/editor/mo
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/figma

Neighbourhood

How Figma sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.