{"podcast":{"title":"How I AI","slug":"how-i-ai-7304222","podcast_index_feed_id":7304222,"rss_url":"https://anchor.fm/s/1035b1568/podcast/rss","website_url":"https://podcasters.spotify.com/pod/show/pen-name","image_url":"https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/43412682/43412682-1743896356244-0f4bd1d0374d2.jpg","author":"Claire Vo","episode_count":94,"summary":"How I AI, hosted by Claire Vo, is for anyone wondering how to actually use these magical new tools to improve the quality and efficiency of their work. In each episode, guests will share a specific, practical, and impactful way they’ve learned to use AI in their work or life. Expect 30-minute episodes, live screen sharing, and tips/tricks/workflows you can copy immediately. If you want to demystify AI and learn the skills you need to thrive in this new world, this podcast is for you.","last_synced_at":"2026-07-21T00:18:04.068136+00:00","page_url":"https://stenobird.com/podcast/how-i-ai-7304222"},"episode":{"title":"From Figma to Claude Code and back | Gui Seiz & Alex Kern (Figma)","slug":"from-figma-to-claude-code-and-back-gui-seiz-alex-kern-figma","published_at":"2026-03-11T11:00:00+00:00","page_url":"https://stenobird.com/podcast/how-i-ai-7304222/from-figma-to-claude-code-and-back-gui-seiz-alex-kern-figma","show_page_url":"https://stenobird.com/podcast/how-i-ai-7304222","url":"https://podcasters.spotify.com/pod/show/pen-name/episodes/From-Figma-to-Claude-Code-and-back--Gui-Seiz--Alex-Kern-Figma-e3g82hu","audio_url":"https://anchor.fm/s/1035b1568/podcast/play/116705278/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-2-10%2F419745565-44100-2-f5c35d8b720c.mp3","summary":"Most teams are still passing static design files back and forth, and most Figma files are already out of date by the time they reach engineering. Gui Seiz (designer) and Alex Kern (engineer) from Figma walk through the exact workflow their team uses to bridge that gap with AI, live onscreen. They demo how to pull a running web app directly into Figma using the Figma MCP, edit it collaboratively, and push it back to code. The old linear waterfall workflow is gone. What replaces it is a fluid, bidirectional loop where design and code inform each other in real time. What you’ll learn: How to use Figma’s MCP to pull production code directly into Figma files A workflow for pushing design changes from Figma back into your codebase using Claude Code without manual CSS adjustments How to export multiple code states (like all five states of a signup flow) into Figma so designers can work with what actually exists in production Why AI has shifted design work upstream to planning and downstream to craft, eliminating the rushed middle phase of execution How to create custom skills that automate pre-flight checks, lint fixes, and CI monitoring before pushing code to production How to structure your codebase so AI can write 90% of your code more effectively — Brought to you by: Optimizely —Your AI agent orchestration platform for marketing and digital teams — In this episode, we cover: (00:00) Introduction to Gui and Alex from Figma (02:56) How AI has transformed Figma’s internal workflows (05:17) The collapse of linear design-to-code workflows (07:28) Demo: Pulling production code into Figma using MCPs (10:49) Using Figma for precise design manipulation and team collaboration (14:10) Demo: Pushing Figma designs back into code with Claude Code (16:06) How AI has changed the role of…","meta_description":"Most teams are still passing static design files back and forth, and most Figma files are already out of date by the time they reach engineering. Gui Seiz…","key_points":[],"chapters":[],"topics":[],"duration_seconds":2421,"processing_state":"not_requested","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/how-i-ai-7304222/episodes/from-figma-to-claude-code-and-back-gui-seiz-alex-kern-figma/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/how-i-ai-7304222/from-figma-to-claude-code-and-back-gui-seiz-alex-kern-figma.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}