SuperAPI AI 工具集

figma-mcp-integration

设计与创作

查看项目

更新于 10-15 23:41

技能介绍

用途:该技能让 AI 智能体通过 Model Context Protocol(MCP)与 Figma 通信,以编程方式读取和修改设计稿,适合设计系统搭建、批量文本替换、注释迁移与原型流程整理等场景。

主要能力:读取文档结构与选区、查询节点;创建画框、矩形、文本与组件实例;设置填充、描边、圆角;配置 Auto Layout(布局模式、内边距、间距、对齐与尺寸);扫描并批量更新文本;移动、缩放、克隆、删除节点;创建与管理注释;提取并应用组件实例覆盖;读取原型反应并生成连接线;导出节点为 PNG/SVG/JPG(当前返回 base64 文本);查询本地组件与样式。

使用方式:需先安装 Bun 运行时(curl -fsSL https://bun.sh/install | bash),克隆仓库 git clone https://github.com/grab/cursor-talk-to-figma-mcp.git 并执行 bun setup,启动 WebSocket 服务 bun socket,在 Cursor 的 ~/.cursor/mcp.json 中配置 TalkToFigma 服务,并在 Figma 中安装对应插件。之后通过 join_channel 建立连接,再调用各工具。Windows + WSL 需用 PowerShell 安装 Bun,并在 src/socket.ts 中启用 hostname: "0.0.0.0"。

限制:资料未提供收费、价格、平台支持范围与效果保证等信息;导出图片当前以 base64 文本返回;部分操作依赖 Figma 插件与本地服务同时运行。