Practical MCP Part 2: Design to Code. And Back.

Code to canvas — an advanced follow-on to the MCP office hours

Once your agent can write to the canvas, design stops being something you inspect. It becomes something you automate.

AI agents generate UI in seconds, but speed only counts if the output is accurate and reviewable. Figma's dev tools keep the loop tight: agents build from your real design system, implementations come back to the canvas for review, and system changes flow both ways. Figma Developer Advocate Riccardo dives deeper on code to canvas — bringing what you build back into Figma.

During this session you’ll learn:

• Design from code
• Automate with use_figma
• Author skills
• Live Build

Part 1 was about great inputs; setting up your files and codebase so AI generates code you can trust. Missed Part 1? Get up to speed here.