Figma + Developer Workflows | design systems, Code Connect, MCP, and Make

Description

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/