AgentIndex icon
AgentIndex
工具分类热门最新对比
提交工具
首页/
Workflow Automation/
claude-talk-to-figma-mcp
claude-talk-to-figma-mcp logo

claude-talk-to-figma-mcp

活跃·★ 607·MIT·更新于 2026-04-18
★ API 集成★ 工作流自动化

一个模型上下文协议（MCP）插件，使Claude桌面版及其他AI工具（如GitHub Copilot、Cursor等）能够直接与Figma交互，实现强大的AI辅助设计功能。

这是一个模型上下文协议（MCP）插件，使Claude桌面版及其他AI工具（如GitHub Copilot和Cursor）能够直接与Figma交互。它通过允许AI代理发送设计命令并接收Figma的实时更新，从而实现强大的AI辅助设计功能。

#AI#Figma#插件#MCP#设计自动化#Claude#前端#Node.js#WebSocket
$ 安装
$ npx claude-talk-to-figma-mcp
↗ 访问官网★ GitHub
01

功能特性

01文档交互：分析Figma设计、获取选择项并导出资产。
02元素创建：创建形状、文本和框架，并全面控制其样式。
03智能修改：应用颜色、效果、自动布局和响应式设计更新。
04文本处理：管理高级排版、加载字体并扫描文本节点。
05组件集成：利用本地和团队库组件，实现一致的设计。
02

兼容性

Claude Desktop
AI客户端
已通过文档验证
Cursor
AI客户端
已通过文档验证
Figma Desktop
设计工具
已通过文档验证
Node.js
运行时
已通过文档验证
Bun
包管理器
已通过文档验证
macOS
操作系统
已通过文档验证
03

快速开始

1
$ npx claude-talk-to-figma-mcp
04

使用场景

↳AI驱动的UI界面创建，例如生成具有现代风格的移动应用登录界面。
↳在AI协助下重新设计和修改现有设计组件，例如更新带有悬停状态的按钮组件。
↳自动化设计审计和资产导出，例如获取项目概述或生成设计资产。
↳在设计中应用一致的样式和布局，例如品牌颜色应用和组件间距。
↳高级排版和文本操作，用于内容更新和文本审计。
05

同类工具

Gemini CLI logo
Gemini CLI★ 104.7k
Gemini CLI 是一个开源的 AI 代理，将 Gemini 的强大功能直接带入您的终端，提供轻量级访问，让您的提示能够最直接地到达模型。
vs →
dagster logo
dagster★ 15.6k
Dagster 是面向 MLOps 时代的数据编排器，旨在开发和维护模型、数据集和报告等数据资产。
vs →
GitHub MCP Server logo
GitHub MCP Server★ 30.3k
GitHub MCP 服务器将AI工具直接连接到GitHub平台，使AI代理、助手和聊天机器人能够通过自然语言交互管理GitHub资源和自动化工作流。
vs →
awesome-n8n-templates logo
awesome-n8n-templates★ 22.6k
该仓库收集了来自互联网的n8n自动化模板，旨在简化各类任务和工作流程的自动化。
vs →
genai-toolbox logo
genai-toolbox★ 15.4k
MCP 数据库工具箱是一个开源的数据库MCP服务器，旨在通过处理连接池、认证等复杂性，帮助开发者更轻松、更快、更安全地开发工具。
vs →
mcp-chrome logo
mcp-chrome★ 11.8k
将您的Chrome浏览器变成智能助手，让AI掌控浏览器，实现强大的自动化功能。
vs →
awesome-mcp-servers logo
awesome-mcp-servers★ 88.2k
一个精选的优秀模型上下文协议（MCP）服务器列表。
vs →
Flowise logo
Flowise★ 53.2k
Flowise是一个开源的低代码工具，提供可视化界面，用于轻松构建自定义AI代理和大语言模型应用程序。
vs →
查看全部替代品 →

相关搜索

claude-talk-to-figma-mcp 替代工具最佳 Workflow Automation 工具 2026开源 Workflow Automationclaude-talk-to-figma-mcp 教程claude-talk-to-figma-mcp 对比AIFigmaPlugin

评论

登录后发表评论
  • O
    Oaklyn Clark2026年5月13日

    I hooked this up to my design system repo so the AI can inspect Figma frames and compare them to our React codebase.

  • C
    Corey Davis2026年4月19日

    Does this require an active Figma enterprise token or can I use it with a personal access token for hobby projects?

  • H
    Hayden Kim2026年4月19日

    Works great in Cursor. Just had to add the MCP configuration to my global settings.json and it connected instantly.

  • K
    Kai Johnson2026年3月22日

    It struggles a bit with complex auto-layout setups, but for basic wireframing and text updates it's incredibly fast.

  • Kai Rivera
    Kai Rivera2026年3月3日

    Being able to generate component variations directly inside Figma using Claude Desktop prompts is a massive time saver.

本页内容
01功能特性02兼容性03快速开始04使用场景05同类工具
统计
GitHub Stars★ 607
最后更新1个月前
状态活跃
许可证MIT
分类工作流自动化
热度趋势 (30d)
+24.2↑ 0.6%
链接
文档↗讨论↗问题↗版本↗

Deploy on DigitalOcean — Get $200 Free Credit

Ad
© 2026 AgentIndex.app|由十年 iOS 开发者构建。
QYSGitHub请作者喝咖啡 ☕

按分类浏览

代码助手工作流自动化RAG / 知识库多智能体浏览器自动化大模型基础设施开发者工具可观测性

与 Anthropic, OpenAI 或 Microsoft 无关。