What is Dev Mode
Dev Mode is a Figma profile designed to support developers and development teams. It focuses the interface on the details developers need to build from design annotations.
Recent updates have introduced integrations with design tokens, developer plugins, and additional features.
The video below explains the fundamentals.
For the most up-to-date information, see Figma’s official documentation: Figma Dev Mode Documentation
Dev Mode Access
To simplify the Figma interface, request a Dev Mode link from a designer or product owner. This link automatically opens the file in Dev Mode.
Alternatively, if you have a full figma seat open any Figma file and activate Dev Mode using the toolbar switch or the shortcut Shift + D.
The gif shows how to activate dev mode in any file
Getting Started
Figma provides several resources to help you explore Dev Mode:
- Try the official Dev Mode playground file to test features
- Read Figma’s article about the testing and design process behind Dev Mode
These resources are suitable for anyone with a Design seat or Dev Mode access who wants to maximise the benefits of this feature.