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
Currently, only full design seats have access to Dev Mode. Developers with Dev Mode access can use all the same features as designers.
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, 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.