Skill 与 AgentSKILLS & AGENTS· MCP-SERVER
mhmzdev/figma-flutter-mcp
让AI编程助手读取Figma设计令牌，自动生成Flutter代码。An open-source TypeScript MCP server that gives AI coding assistants a design-token view of Figma so they can write matched Flutter code.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
自动生成Flutter主题配色和字体
从Figma组件创建可读的widget代码
根据Figma设计生成完整界面
导出Figma中的图片和SVG资源
Turn a Figma link into a Flutter theme with colors and typography.
Turn a component link into a Flutter widget split into smaller files.
Design an intro screen from a Figma link in readable code.
Export an image asset from a Figma link.
Export an SVG asset from a Figma link.
上手GET STARTED
{
"mcpServers": {
"Figma Flutter MCP": {
"command": "npx",
"args": ["-y", "figma-flutter-mcp", "--figma-api-key=YOUR-API-KEY", "--stdio"]
}
}
}选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
-0.8%-0.8%
244 → 242 stars · 16 个快照244 → 242 stars · 16 snapshots
状态STATUS
长期未更新Not updated
它让你在Cursor里直接根据Figma链接生成Flutter主题、组件和资源，省去手动对照设计稿的麻烦。First release, with known room for improvement.
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险，但不代表安全。仅核验官方页面，未审计服务端代码；数据处理和费用以官网为准。The static scan found no obvious risk patterns in the documentation. That does not prove the project is safe, so treat it with normal caution.
依赖：Dependencies:@modelcontextprotocol/sdk, cors, dotenv, express, node-fetch, yargs, zod
{
"agents": [
{
"agent": "cursor",
"evidence": "readme: …(#-figma-api-key) - [🏹 MCP in Cursor](#-mcp-in-cursor) - [🚀 Qui…"
},
{
"agent": "gemini-cli",
"evidence": "readme: ….mdc` - Claude: `CLAUDE.md` - Gemini CLI: `GEMINI.md` This way your A…"
}
],
"apiKey": "with your Figma API key echo \"FIGMA_API_KEY=your-figma-api-key-here\" > .env # Star",
"docker": null,
"taxonomy": {
"scores": {
"design": 11,
"ai-tools": 1,
"dev-tools": 1,
"indie-web": 1,
"skill-agent": 6,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "mcp-server"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 1,
"design": 15,
"browser": 0,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "package.json depends on @modelcontextprotocol/sdk + MCP framing",
"weight": 0.8
},
{
"signal": "README ships an mcpServers config for this server",
"weight": 0.7
},
{
"signal": "MCP topic + README",
"weight": 0.6
}
],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}每周一周刊Monday weekly digest