figma-console-mcp

figma-console-mcp

连接AI与Figma,实现设计提取、创建和调试。

MCP设计与多媒体开源
形态
MCP
是否开源
GitHub Stars
★ 1.9k
收录来源
mcp-github

能力说明

Figma Console MCP是一个Model Context Protocol服务器,它将设计和开发桥接起来,使AI助手能够完全访问Figma进行提取、创建、调试和双向令牌同步。通过这个能力,AI可以提取设计系统中的变量、组件和样式,创建UI组件和布局,管理设计令牌,并进行实时监控。适用于需要自动化设计流程的开发者和设计师。

能力点

  • 设计系统提取
  • 双向令牌同步
  • 视觉调试
  • 设计创建
  • 变量管理
  • 版本历史和时间序列感知

适用场景

自动化设计系统提取创建和修改设计设计调试和测试设计令牌管理

接入方式

依赖:Node.js 18+Figma DesktopMCP客户端Figma个人访问令牌
使用NPX安装:`npx -y figma-console-mcp@latest`;或在MCP客户端中配置。

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何获取Figma个人访问令牌?

前往Figma帮助中心,创建新的个人访问令牌并设置相应权限。

支持哪些MCP客户端?

支持Claude Code、Cursor、Windsurf、Claude Desktop等。

相关 Skill