Figma 推出官方 MCP 服务 ,效果不错!

Figma 推出官方 MCP 服务

  • 采用 SEE 模式免除繁琐配置
  • 能比非官方的 MCP 获取更多详细设计稿信息和素材

下面是详细介绍和使用方法

官方的 MCP 会传输以下信息:

  • 通过提供组件、变量、样式等元数据,减少 LLM 的搜索和推理负担,提高代码生成的准确性和效率。
  • 用高层次的设计截图补充元数据,帮助 LLM 理解整体结构、页面流转和响应式布局等。
  • 提供伪代码或实际代码示例,描述设计中定义的交互行为。
  • 从设计中提取文本、SVG、图片、图层名、注释等内容,帮助 LLM 理解界面数据模型和填充逻辑。

如何使用:

json 复制代码
  "mcpServers": {  
    "Figma": {  
      "url": "http://127.0.0.1:3845/sse"  
    }  
  }  
  • 更新 Figma 客户端到最新版
  • 在左上角,打开 Figma 菜单,进入 Preferences,启用 Dev Mode MCP Server
  • 固定的 MCP 地址是 http://127.0.0.1:3845/sse
  • 在Trae Cursor 或 Chatwise 中正常设置 MCP
  • 直接在 Figma 中选择一个页面或复制画板链接给软件让其实现
相关推荐
量子位8 分钟前
AI幻觉成WAIC首个关键词,Hinton敲响警钟,讯飞星火X1升级展示治理新突破
ai编程
中等生4 小时前
ReAct: 减少 LLM 幻觉,提升准确度
llm·openai·ai编程
Java陈序员4 小时前
轻松处理证件照!又一款 AI 证件照制作工具!
openai·ai编程·aiops
人生都在赌4 小时前
MCP生态全景:2025年最值得关注的AI工具集成现状深度调研
人工智能·ai编程·mcp
青梅主码4 小时前
Artificial Analysis《2025年上半年人工智能应用报告》Google、xAI、DeepSeek崛起,大模型洗牌
aigc·ai编程·deepseek
唯之为之4 小时前
如何快速无缝的从 vscode 转向AI编辑器 cursor、kiro、trae 等
vscode·ai编程
mCell4 小时前
受够Cursor卡成蜗牛!我换用Argument,每月白嫖300次真香!
ai编程·visual studio code·cursor
GitLqr5 小时前
AI洞察 | 工具集:京东通用智能体,提示词管家AI Gist,开源的MidJourney
midjourney·agent·ai编程
Anyin5 小时前
Spring AI Alibaba - DeepResearch 前端主体 UI 构建
前端·ai编程·trae
GM_8287 小时前
【最新最完整】SpringAI-1.0.0开发MCP Server,搭建MCP Client 实战笔记(进阶+详细+完整代码)
java·后端·ai编程·springai·mcp