
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.
One of the most powerful ways to use Figma agent is by creating custom plugins and skills for your workflow. Join us to learn how to build your first plugin and create your first skill. We'll cover how plugins can expand your creative expression and how skills (reusable instructions for AI) help you be more effective and consistent when prompting with Agent.
Shaders are code-based visual effects that let you go beyond static fills and basic drop shadows. From mimicking frosted glass, to animating glowing particles and generating mesh gradients, shaders allow you to create rich, dynamic imagery. Join us to learn how to generate your first shader effects and fills using Figma agent and bring them to life with Figma Motion.
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.