Figma Dev Mode
Inspection, measurements and code references for developers working from Figma files.
Definition
A mode within Figma providing measurements, variable values, asset export, change tracking and links between design components and their code implementations.
Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.
On this plate
Good for
- Measurement and inspection
- Connecting components to code
- Tracking design changes during build
Watch out for
Inspection is not specification. States, edge cases and interaction behaviour still have to be written down somewhere.
Local chart
TOOL·042 · Region VII · Grid E3
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Often used with
These usually appear in the same screen or the same decision.
- Design TokensSYS·001 · Design system
- FigmaTOOL·001 · Tool
- Visual StatesFND·053 · UI foundation
- Design HandoffFLOW·002 · Workflow
Nearby in the Atlas
Adjacent territory, found through shared tags rather than a stated link.