From code to design layers with variables attached
8724 次观看 · 2026-07-16
UI 设计
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 → https://help.figma.com/hc/articles/35060759685015
• Generate a design from code through the Figma MCP server → https://developers.figma.com/docs/figma-mcp-server/code-to-canvas/
• Capture your live web page as editable layers with the Chrome extension → http://help.figma.com/hc/articles/40826832449303
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
• Copy a Make preview onto the canvas as design layers → https://help.figma.com/hc/articles/35060759685015
• Generate a design from code through the Figma MCP server → https://developers.figma.com/docs/figma-mcp-server/code-to-canvas/
• Capture your live web page as editable layers with the Chrome extension → http://help.figma.com/hc/articles/40826832449303
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/