BREAKING
Figma Sites Adds React Code Layers
Interactive UI Without Developers
What Code Layers Bring
Code & Animation
●
React-backed interactive layers
●
Hover spin, bounce, ripple
●
Drag-to-copy motion
AI & Extensibility
●
Generate code via Figma Make
●
Compare variants
●
Import npm packages
From Prompt to Live Code
1
Enter prompt
↓
2
AI generates code
↓
3
Edit in composer
↓
4
Compare variants
Figma vs Framer and Webflow
Figma Sites
●
AI assistance on canvas
●
React-based code layers
●
Reusable components
Limitations
●
Beta-stage artifacts
●
No CMS yet
●
Responsive needs care
Shortening Design to Code
AI NEWS BLITZ
Figma just brought React-powered code layers and AI features to Figma Sites.