This tool operates as a Model Context Protocol (MCP) server, connecting AI coding assistants (such as Claude Desktop, Cursor, or VS Code Copilot) directly to your Figma design files. It offers structured access to a wide range of Figma data, including files, specific nodes, images, styles, components, variables, and comments. Its flagship feature is a 'design_to_code' tool, which can convert any Figma frame or component into production-ready code across various tech stacks like React, Vue, Next.js, HTML, Flutter, and more, significantly streamlining the design-to-development workflow.
主な機能
01Fetch complete Figma files, including pages, components, and styles
02Read existing and post new comments within Figma files
03Convert Figma frames to production code in various tech stacks
04Access specific Figma nodes, styles, and components by ID
050 GitHub stars
06Extract design tokens (colors, typography, spacing) from Figma files
