$ loading_
连接 Figma API 读取设计稿,辅助设计到代码的协作开发流程。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
使用 figma-mcp 读取指定 Figma 文件的页面与图层结构,整理出首页的主要区块、组件名称和层级关系。
返回清晰的页面结构摘要,包含区块划分、组件清单与层级说明。
读取这个 Figma 设计稿中的登录页面,提取按钮、输入框、间距和文本样式,并给出适合 React 的组件拆分建议。
输出界面元素摘要、样式要点和可执行的前端组件拆分方案。
基于 Figma 文件读取卡片组件的设计规格,列出尺寸、颜色、字体和间距,用于与现有实现进行对比检查。
输出可用于核对的设计规格清单,帮助发现实现偏差。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
连接 Figma REST API,检查设计文件结构并导出图像或发布评论。
连接 Figma 设计稿,提取变量、截图并辅助转换为开发代码
连接 Figma 与 MCP 客户端,支持实时画布操作和文件元数据访问。
将 Figma 设计文件接入 AI 助手,便于读取、管理与协作设计内容。
让 AI 读取 Figma 设计数据并生成代码、模板或提示词