Figma has released Dev Mode 2.0, introducing AI-powered code generation that transforms designs into production-ready components for React, Vue, and Svelte frameworks.
What's New
The updated Dev Mode can now:
- Generate complete components with props and state management
- Export CSS-in-JS or Tailwind classes automatically
- Handle responsive breakpoints natively
- Include accessibility attributes by default
Image Block: Split screen showing Figma design on left and generated React code on right
Callout Block: Early beta users report 60% faster frontend development cycles, with designers and developers collaborating more effectively than ever.
Code Quality
Generated components include:
// Auto-generated from Figma design
export const