Figma deep dive: Agentic workflows and the MCP
summary
Claims that precise, production‑level context (MCP, Code Connect snippets, design tokens) makes agents write far more of the total code; shows a new template API, slots, and MCP tooling; introduces hyper tokens as a single‑source schema to compile design + code; demonstrates a one‑night build of stegasound.jake.fun using Figma design agent, FigJam orchestration, makes and Svelte/React code where images actually play back encoded audio; outcome works and reduces total AI usage.
AI-written summary · about
chapters (10)
- 0:00Design context and AI workflows
- 2:01Cognitive surrender risks
- 6:57Intentionality and the consideration imperative
- 8:21Design specs and systems
- 10:48Code Connect for agents
- 14:26Hyper tokens and style
- 18:26Skills deployment and FigJam
- 24:04FigJam as agentic interface
- 26:09Speedrunning tech projects
- 31:46Conclusion: preserve intentionality
related talks
22mCrafting design context for agentic coding workflows
31mDesign to Code in 2026: Context-First Development with Figma MCP
24mHow Agentic AI Empowers Creative Thinking
34mFrom Figma to Quality Code: Code Connect + AI
28mThe Agentic Developer: Orchestrating AI Workflows with MCPs
18mAI for UI
01h 28mAI Coding Agents and how to code them
25mUsing Figma to go beyond Figma