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 round-trip 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 round-trip 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
Guests: Ed Bayes and Matt Colyer

Social Links:

Find out more about Product School here
Follow our Podcast on TikTok here
Follow Product School on LinkedIn here

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

The Product Podcast