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 Mode seats

Anyone with a full Figma Design seat can access Dev Mode. Dev Mode is also available as a standalone seat on the Organization or Enterprise plans. Figma Design seats and Dev Mode seats are paid seats in Figma.

Admins always need to approve Dev Mode upgrade requests to give users access to Dev Mode.

Learn more about plans and pricing →

Dev Mode seat upgrade requests

All Dev Mode seat upgrade requests require admin approval. Requests can be approved in the admin panel and managed from the People tab, just like Figma Design and FigJam seats. To minimize any immediate interruption to your team’s workflows, viewers can continue using Dev Mode for a limited time while awaiting approval.

Starter

• Since Dev Mode is not available on Starter, you’ll be prompted to upgrade to the Professional plan to access Dev Mode.

Professional

• Users with full Design seats can switch back and forth between Figma Design and Dev Mode.
• People with a viewer-restricted seat can request an upgrade to a full ****Design seat from Dev Mode. To avoid any disruption in their workflow, they can continue using Dev Mode for a period while waiting for admin approval.

Organization and Enterprise

• Users with full Design seats can continue using Dev Mode without interruption.
• People with a viewer-restricted seat can request a Dev Mode seat. To avoid any disruption in their workflow, they can continue using Dev Mode for a period while waiting for admin approval.

Customers with ELAs or pre-purchased Dev Mode seats

• Users with full Design seats can continue using Dev Mode without interruption.
• If you purchase Dev Mode seats or it’s included in your ELA, viewers who have been using Dev Mode will automatically be assigned to a Dev Mode seat and can continue to use Dev Mode, uninterrupted.
• Otherwise, viewers will need to request a Dev Mode seat. To avoid any disruption in their workflow, they can continue using Dev Mode for a period while waiting for admin approval.

How can I see Dev Mode usage?

You might be interested in reviewing who has used Dev Mode in order to understand how Dev Mode seats are being used and whether there are users who need to be upgraded.

For Organization and Enterprise plans, admins can find information about Dev Mode usage in the People tab of the admin panel. The Dev Mode column indicates which users within your organization have a Dev Mode seat.

To learn more about viewing members and usage, see View members and guests →

Can developers still inspect designs without a Dev Mode 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 viewer or viewer-restricted seat and do basic inspection like viewing properties and measurements, copying code, and exporting assets. As an admin, you can manage users who need viewer or viewer-restricted seats in Figma Design from the admin panel, just like you managed for Dev Mode 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.

• Guide to Dev Mode
• Guide to Inspecting