Bring code-backed screens onto the canvas with variables attached
Bring code-backed screens onto the canvas with variables attached
When you bring code-backed screens onto the Figma canvas, colors, type, and spacing now bind to most of the variables already in your file instead of landing as hardcoded values. You'll see this when you:
- Copy a Make preview onto the canvas as design layers
- Generate a design from code through the Figma MCP server
- Capture your live web page as editable layers with the Chrome extension
More frames also come in with auto layout, so edits resize and reflow instead of needing manual cleanup. Together, this means you can bring coded or legacy screens back into Figma and spend your time refining the work, not rebuilding it.
