Connecting code with craft
summary
Designers at GitHub present concrete outcomes: a design token refactor that standardizes names, produces a production-ready JSON, and rolls out via feature flags and fallback CSS with hundreds of PRs; use of Stylant to automate CSS edits and prevent tech debt; an end-to-end Code Connect proof of concept built by installing Figma/code-connect, publishing components, and aligning Figma variants to React; and gradual work that reaches nearly 100% coverage of Primer components, showing the approach works in production.
AI-written summary · about
chapters (4)
related talks
29mDesign to Code: Roundtable discussion with Code Connect users
22mCrafting design context for agentic coding workflows
31mCreating a more connected design system with Code Connect
31mDesign to Code in 2026: Context-First Development with Figma MCP
34mFrom Figma to Quality Code: Code Connect + AI
28mOpening & Welcome
14mRethinking Designer-Developer Collaboration
42mCode, Creativity, and Community at Figma
