Get to coding faster in Dev Mode
Dev Mode makes it easy to find the details you need to start building. Jump in and get specs—no design knowledge necessary.
　

Inspect designs
Dev Mode is like a browser inspector for your design file—simply hover and click objects to get details like measurements, specs, and styles—all within a safe space that won’t impact the design file.

Copy relevant code
Generate production-ready CSS, iOS, or Android code snippets from your design—or use a plugin to customize code for whatever framework you’re using.


Keep work aligned and connected
Streamline your workflow and stop jumping between your design libraries, codebase, and project management tools when you bring everything together in Figma.


Figma for Visual Studio Code
Our extension for VS Code brings the design file into the text editor. Inspect Figma files, collaborate with designers, receive notifications, and get code suggestions to build faster.


Add structure to handoff
Seamlessly transition from design to development with new ways to organize files and stay up to date on changes.