OpenAI & Figma Product Builders on Killing the Design-to-Code Handoff and Vice Versa | Ed Bayes & Matt Colyer | E290

AI is collapsing the silos between design and engineering. In this episode, Carlos Gonzalez de Villaumbrosia, CEO at Product School, sits down with Ed Bayes (Design Lead, OpenAI) and Matt Colyer (Product Director, Figma) to discuss their groundbreaking integration that enables a seamless roundtrip workflow from code to canvas.

Matt Colyer walks us through a step-by-step demo of the new code to canvas and right to Figma capabilities. You’ll see exactly how OpenAI’s Codex and Figma’s Plugin API allow builders to move fluidly between development and design environments, using AI agents to update design systems and iterate faster than ever before.

What you'll learn:

• Step-by-step demo: Moving from a code component in Codex to a live Figma design.

• How the roundtrip workflow eliminates lossy handoffs between designers and devs.

• Strategies for using AI agents to update design libraries autonomously.

• The impact of Model Context Protocol (MCP) on product team interoperability.

Key takeaways:

• Velocity as a Moat: How AI-native tools are accelerating the speed of prototyping.

• The Evolving PM Role: Why curiosity is now more critical than technical hurdles.

• Human Judgment: Why AI increases the premium on high-level design taste.

Credits:
Host: Carlos Gonzalez de Villaumbrosia
Guest: Ed Bayes and Matt Colyer

#1 Product Podcast for Product Leaders

Sponsoring our podcast allows your brand to connect with a dedicated audience that is eager to master their roles by learning from the top industry leaders.

Let's Talk