새 페이지 1
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.