MCP Catalogs
首页claude-talk-to-figma-mcp screenshot

claude-talk-to-figma-mcp

by arinspunk·593·综合分 53

一个MCP服务器,使AI代理能够通过读取、分析和修改功能与Figma设计进行交互。

developer-toolsai-llmproductivity
111
Forks
2
活跃 Issue
1 个月前
最近提交
2 天前
收录于

概述

这个MCP服务器将AI系统与Figma设计工具连接起来,使代理能够自动化设计任务、分析视觉元素并编程修改设计。它支持Figma免费账户使用,无需Dev Mode许可证,使其用户群体广泛。服务器基于WebSocket架构实现,支持多个AI代理并行执行,并通过命令队列防止冲突。

试试问 AI

装完之后,这里有 3 个你可以让 AI 做的事:

:自动化设计可访问性审计,检测对比度问题
:在整个设计文档中执行批量样式更新
:直接从Figma设计生成React/Vue/SwiftUI组件

什么时候选它

当您需要AI代理与Figma设计交互,并且没有付费的Figma Dev Mode许可证时,请选择此MCP服务器。

什么时候不要选它

如果您需要高级Figma变量支持或仅在具有严格Figma Dev Mode许可的团队环境中工作,请不要选择此方案。

此 server 暴露的工具

从 README 抽取出 12 个工具
  • get_document_info

    Get information about the current Figma document

  • get_current_selection

    Get information about currently selected elements in Figma

  • scan_text

    Scan for text elements in the Figma document

  • audit_components

    Audit components in the Figma document

  • export_assets

    Export assets from the Figma document

  • create_frame

    Create a new frame in the Figma document

  • create_text

    Create a new text element in the Figma document

  • create_shape

    Create a shape element in the Figma document

  • modify_colors

    Modify colors of elements in the Figma document

  • set_styles

    Set styles for elements in the Figma document

  • clone_element

    Clone an existing element in the Figma document

  • group_elements

    Group multiple elements together in the Figma document

说明:Tool names inferred from the capabilities section. README mentions a 'complete command list' but doesn't show actual tool names or signatures.

可对比工具

cursor-talk-to-figma-mcpfigma-mcp

安装

安装

  1. 安装并启动WebSocket:

``bash npx claude-talk-to-figma-mcp ``

  1. 在Figma中安装插件:

- 打开Figma Desktop - 转到菜单 → 插件 → 开发 → 从清单导入插件 - 选择 src/claude_mcp_plugin/manifest.json

  1. 配置您的AI工具:

**Claude Desktop**:下载并双击 claude-talk-to-figma-mcp.dxt **Cursor**:添加到 mcp.json: ``json { "mcpServers": { "ClaudeTalkToFigma": { "command": "npx", "args": ["-p", "claude-talk-to-figma-mcp@latest", "claude-talk-to-figma-mcp-server"] } } } ``

claude-talk-to-figma-mcp 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。