MCP server for Figma design integration with AI coding tools
MCP server for Figma design integration with AI coding tools
When AI tools can access Figma design data directly, they generate more accurate code on the first try—far better than using screenshots.
Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.
Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.
| Tool | What it does |
|---|---|
| get_figma_data | Fetch simplified design data |
| download_figma_images | Download images and icons |
| Variable | Description | Required |
|---|---|---|
| FIGMA_API_KEY | Credential the server authenticates with. | Yes |
| TEST_FIGMA_FILE_KEY | Credential the server authenticates with. | Yes |
| TEST_FIGMA_NODE_ID | Configuration value read at startup. | Optional |
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
FramingUI design-system tools for coding agents: validate screens, check wiring, browse the catalog.
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
MCP server for editing STL 3D model files
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.