Figma FlutterSAFE
An MCP server that provides the coding agents Figma's design token to write Flutter code.
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
Figma to Flutter MCP Server
🌐 Available in: 한국어 (Korean) | 日本語 (Japanese) | 简体中文 (Simplified Chinese) | 繁體中文 (Traditional Chinese)
Utilize Figma's rich data in your coding agent.Implement designs in Flutter way!
Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server.
📋 Table of Contents
- 🦋 Observable Flutter #70
- 🎥 Short Video Demo
- 📝 Getting Started
- 📚 How it works
- 🛠️ Usage
- 🔑 Figma API Key
- 🏹 MCP in Cursor
- 🚀 Quick Start for Local Testing
- 🧱 Basic Workflow
- 🤖 AI Coding Agent Assistance
- ⚠️ If SVG assets don’t work with screen generation
- ⚠️ Disclaimers
- 🙌🏼 Acknowledgments
- 🧱 Other framworks
- 🔑 License
- 🙋♂️ Author
f15918015313OBSERVED · 2026-10-06Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control. Replace the environment placeholders with a token scoped to the least it needs.
claude mcp add figma-flutter-mcp --env FIGMA_API_KEY=${FIGMA_API_KEY} -- npx -y [email protected]{
"mcpServers": {
"figma-flutter-mcp": {
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"FIGMA_API_KEY": "${FIGMA_API_KEY}"
}
}
}
}Exposed tools (13)
13 read · 0 write · 0 destructive.
| Tool | Risk | Description |
|---|---|---|
analyze_figma_component | read | |
analyze_full_screen | read | |
export_flutter_assets | read | |
export_svg_flutter_assets | read | |
extract_theme_colors | read | |
extract_theme_typography | read | |
generate_flutter_implementation | read | |
inspect_component_structure | read | |
inspect_screen_structure | read | |
inspect_theme_frame | read | |
inspect_typography_frame | read | |
list_component_variants | read | |
style_library_status | read |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | WARN |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | PASS |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- declared (5 observation(s))
- Network
- declared (2 observation(s))
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (10)
Logger.info(`👨👩👧👦 GlobalStyleManager: Found potential parent ${parentStyle.id}`);import type {FigmaNode} from '../../types/figma.js';import type {FigmaNode} from '../../types/figma.js';import type {FigmaNode} from '../../types/figma.js';import type {FigmaNode} from '../../types/figma.js';import type { FigmaNode } from '../../types/figma.js';@modelcontextprotocol/sdk, cors, dotenv, express, node-fetch, yargs, zod, @changesets/changelog-github
| **Internal Company Designs** | ❌ Not published | ✅ Full access | ✅ Full access |
docs/images/svg.gif
docs/images/svgs_clean.gif
Gates applied: no_behavioural_pass.
f15918015313full audit observations/trust-audit/mcp-server/mhmzdev__figma-flutter.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-06 | f15918015313 | SAFE | B | 89 | first audit |
Questions
What is the Figma Flutter MCP server?
An MCP server that provides the coding agents Figma's design token to write Flutter code.
What tools does Figma Flutter expose?
13 in total: 13 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.
Is Figma Flutter safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.
What credentials does Figma Flutter need?
It reads FIGMA_API_KEY from the environment. Give it a token scoped to the least it needs — an agent that can be talked into calling a tool can be talked into calling it with your credentials.
How does Figma Flutter run?
It speaks stdio and streamable-http, so it runs as a local process your client starts. It is published on npm as figma-flutter-mcp at 0.3.3.
How current is this page?
The grade is for one exact copy of the source (f15918015313), read on 2026-10-06. The repository is watched and re-audited when it changes.