
Practical MCP Part 2: Design to Code. And Back.
- English
- Dev Mode
- Global
- Designer
- Developer
- Product
- Engineer
- MCP Server
Figma Developer Advocate Riccardo dives deeper on code to canvas — bringing what you build back into Figma.
Ir para o conteúdo principal
Junte-se aos embaixadores da Figma e a clientes como você, enquanto eles compartilham as melhores práticas e dão uma visão de bastidores sobre como trabalham.
A criação de código se torna uma atividade colaborativa quando sua equipe pode trabalhar em conjunto na mesma tela de trabalho. Junte-se a nós para ver como código, design e IA se unem no Figma.
Perdeu um dos nossos webinars ao vivo? Não se preocupe, você pode encontrar uma lista de sessões sob demanda bem aqui!

Figma Developer Advocate Riccardo dives deeper on code to canvas — bringing what you build back into Figma.

In this webinar, hear how Coinbase's Design Systems internal test showed a meaningful reduction in costs to generate code with Code Connect versus without it.

Watch this session for an introduction to Figma Weave, a node-based canvas for building creative AI workflows. You’ll see how to move beyond one-shot generation and build workflows that give you more control over the process, make experimentation easier, and turn successful creative decisions into reusable systems.

Join three hands-on sessions that take you from a finished component in Figma to real, reviewable code. We cover everything from setting up your environment to writing your first component with AI and then connecting it all back to Figma.

In this session, we’ll show you how brand, creative, and marketing work comes together on one canvas — including animated ads, social cuts, assets and dev-ready exports.

Join Figma researchers Shane Johnston and Christa Simon, along with Figma product manager Nikolas Klein, as they dig into Figma's 2026 AI report.

Join the Figma Onboarding team to learn how to get set up and put the agent to work in your own files!

Watch this session for a hands-on look at how Figma agent and code layers bring these elements together on a shared canvas.