Dev Mode for admins
This article is available for both the previous Figma UI and the new Figma UI. Use the toggle at the bottom left of the page to select your current UI. Get to know UI3: Figma’s redesign →
Dev Mode in Figma gives developers everything they need to navigate design files and transform designs into code. With Dev Mode, designers and developers can stay on the same page, making sure important details aren’t lost in the handoff process.
Developers use Dev Mode to:
-
Access advanced inspection capabilities and more codegen languages
-
See what’s changed since you last viewed a file by comparing frame versions
-
Quickly review designs that are ready for development with statuses and annotations
-
Streamline your workflow with developer-focused integrations, like JIRA, Storybook and GitHub
-
Explore design system components in a playground
-
Connect designs with links to tickets, documentation, and components in code
Learn more in our Guide to Dev Mode →
Dev seats
Anyone with a Full or Dev seat can access Dev Mode.
Seat | What's included |
Full |
|
Dev |
|
Collab |
|
View |
|
Users can make requests to access Dev Mode if their current seat doesn’t provide Dev Mode access. Admins can use seat approval settings to manage incoming seat requests.
Learn more about managing seats in Figma.
Note: Dev Mode is not available on the Starter plan.
Can developers still inspect designs without a Dev seat?
Want to see this in action? Follow Figma DA Tom Lowry on a tour of the view-only experience →
Not everyone in your organization might require the advanced features that come with Dev Mode. The developers who don’t can still use Figma Design with a free View seat and do basic inspection like viewing properties and measurements, copying code, and exporting assets. As an admin, you can manage users who need View seats in Figma Design from the admin panel, just like you managed for Dev seats.
To learn more about inspecting with or without Dev Mode, see the Guide to Inspection →
Helpful resources to share with your developers
Here are key articles to help get developers in your organization familiar with inspecting in Figma, across seat types.
Dev Mode in Figma gives developers everything they need to navigate design files and transform designs into code. With Dev Mode, designers and developers can stay on the same page, making sure important details aren’t lost in the handoff process.
Developers use Dev Mode to:
-
Access advanced inspection capabilities and more codegen languages
-
See what’s changed since you last viewed a file by comparing frame versions
-
Quickly review designs that are ready for development with statuses and annotations
-
Streamline your workflow with developer-focused integrations, like JIRA, Storybook and GitHub
-
Explore design system components in a playground
-
Connect designs with links to tickets, documentation, and components in code
Learn more in our Guide to Dev Mode →
Dev seats
Anyone with a Full or Dev seat can access Dev Mode.
Seat | What's included |
Full |
|
Dev |
|
Collab |
|
View |
|
Users can make requests to access Dev Mode if their current seat doesn’t provide Dev Mode access. Admins can use seat approval settings to manage incoming seat requests.
Learn more about managing seats in Figma.
Note: Dev Mode is not available on the Starter plan.
Can developers still inspect designs without a Dev seat?
Want to see this in action? Follow Figma DA Tom Lowry on a tour of the view-only experience →
Not everyone in your organization might require the advanced features that come with Dev Mode. The developers who don’t can still use Figma Design with a free View seat and do basic inspection like viewing properties and measurements, copying code, and exporting assets. As an admin, you can manage users who need View seats in Figma Design from the admin panel, just like you managed for Dev seats.
To learn more about inspecting with or without Dev Mode, see the Guide to Inspection →
Helpful resources to share with your developers
Here are key articles to help get developers in your organization familiar with inspecting in Figma, across seat types.