From Claude Code to Figma – and Back Again

If you're using an AI coding agent to build UI, the accuracy of your output depends on the design context your agent can access. A screenshot or static spec isn't enough.

In this session, we show how the Figma MCP server delivers structured design system context, components, tokens, and Code Connect mappings, directly into Claude Code. Your agent builds from real design intent instead of approximating it. We also cover the skills and file structure that make this workflow repeatable across your team.

Check out these additional resources to get started:

• Read our guide to start using the Figma MCP server
• Explore community skills to tighten your design-to-code workflows
• Learn more about how the Figma canvas is now open to agents