Figma + developer workflows | design systems, Code Connect, MCP, and Make

Dive into developer workflows in Figma with Jake. We'll talk about design systems, Code Connect, MCP, and Make.

00:00 Intro
00:05 Design systems
00:27 Named abstractions (variables, components, styles)
01:12 Other patterns (layout, usage guidelines, content and state)
02:03 Dev Mode
02:17 Codebase context
02:35 Code Connect snippets
03:13 Code Connect mapping (preview)
03:59 Variable code syntax
04:59 Demo
15:24 AI and code generation
17:12 MCP server
17:44 Demo #2
25:06 Best practices
28:00 Resources
29:27 Outro
____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/