Figma's official MCP server exposing design structure, auto-layout, and styles to AI coding agents.
No one-line install. Follow the setup guide from Figma.
Open setup guideFigma's official MCP server brings Figma directly into developer workflows by providing design information and context to AI agents generating code. Exposes layer hierarchy, auto-layout, variants, text styles, and token references. Available as both hosted and local server.
Provide Figma layout information to AI coding agents for accurate design implementation.
Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.
Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.