Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server.
Figma Flutter is an MCP project maintained in the mhmzdev/figma-flutter-mcp repository. The maintainer describes its purpose as “Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server”. Read the project documentation for the complete scope.
The documented npm package is figma-flutter-mcp. The configuration below comes from the maintainer’s example; adapt its paths and account values to your environment.
Project documentation · Repository · Discovery listing. This profile records the public documentation checked on 2026-10-08.
{
"mcpServers": {
"Figma Flutter MCP": {
"command": "npx",
"args": [
"-y",
"figma-flutter-mcp",
"--figma-api-key=YOUR-API-KEY",
"--stdio"
]
}
}
}From the project documentation. Replace placeholders and example paths before connecting.
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.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.