Behind the Craft Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi
39 snips
Sep 21, 2025 Meaghan Choi, design lead for Claude Code at Anthropic, merges design with engineering by actively shipping code. In this chat, she reveals why shipping to production feels both "terrifying and magical." Discover her top three design workflows using Claude Code and learn how designers can collaborate with engineers for effective coding. Meaghan also showcases a live demo transitioning from Figma to working code in minutes, shares clever shortcuts, and discusses the evolving landscape of design roles in an AI-driven world.
AI Snips
Chapters
Transcript
Episode notes
Designer Who Ships To Production
- Meaghan found shipping to production as a designer both terrifying and magical.
- She now ships small front-end changes herself to achieve the final 10% polish.
Workflows That Code Enables
- Meaghan categorizes her Cloud Code work into three workflows: zero-to-one exploration, understanding code, and final polish.
- Doing exploration inside the codebase makes proposed designs feel more real and implementable.
Present Designers' Work As Draft PRs
- When possible, hand engineers a draft PR instead of a Figma mock to accelerate implementation.
- Use code as a higher-fidelity presentation to shorten the design-to-prod loop.