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.
Finde ein Event, das dich anspricht
Sei dabei, wenn Designer Advocates bei Figma und Kund*innen wie du ihre Best Practices teilen und einen Einblick in ihre Arbeit geben.
Bevorstehende Events
Workflow Lab: From design context to production ready code
Your coding agent is only as good as the input you give it. Hand it a screenshot and a spec and the code comes back fast, but the icons don't match, the modal spacing is uneven, and a state is missing. Then the afternoon goes to fixing it.
Better input changes the output. When your agent can read the components, variables, and layouts your team already maintains, the first pass comes back close to production-ready.
Join Developer Advocate, Riccardo Erra as he talks through building a new feature end to end, keeping design and code in lockstep the whole way.
Experten-Sessions auf Abruf
Du hast eines unserer Live-Webinare verpasst? Keine Sorge, du findest hier eine Liste mit On-Demand-Sessions!
Es werden 96 Ergebnisse angezeigt
- Watch now
Putting Code Connect to the Test: Coinbase's Agent-Ready Design System
- English
- Dev Mode
- Americas
- AI
- MCP Server
- Workflow
Watch nowIn 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.
Introducing Weave
- English
- Global
- AI
- Workflow
Watch nowWatch 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.
Designer to Builder Series
- English
- Figma Design
- Dev Mode
- Global
- AI
Watch nowJoin 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.
Expressive Design Tools
- English
- Figma Design
- Americas
- AI
- Office hours
- Workflow
Watch nowIn 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.
2026 AI report
- English
- Figma Design
- Dev Mode
- Figma Make
- Americas
- AI
Watch nowJoin Figma researchers Shane Johnston and Christa Simon, along with Figma product manager Nikolas Klein, as they dig into Figma's 2026 AI report.
Get Started with Figma Agent
- English
- Figma Design
- Americas
- AI
Watch nowJoin the Figma Onboarding team to learn how to get set up and put the agent to work in your own files!
Workflow Lab: From context to code with Figma agent and code layers
- English
- Figma Design
- AI
- Workflow
Watch nowWatch this session for a hands-on look at how Figma agent and code layers bring these elements together on a shared canvas.