$ loading_
连接 Figma API 读取设计稿,辅助设计到代码的协作开发流程。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
使用 figma-mcp 读取指定 Figma 文件的页面与图层结构,整理出首页的主要区块、组件名称和层级关系。
返回清晰的页面结构摘要,包含区块划分、组件清单与层级说明。
读取这个 Figma 设计稿中的登录页面,提取按钮、输入框、间距和文本样式,并给出适合 React 的组件拆分建议。
输出界面元素摘要、样式要点和可执行的前端组件拆分方案。
基于 Figma 文件读取卡片组件的设计规格,列出尺寸、颜色、字体和间距,用于与现有实现进行对比检查。
输出可用于核对的设计规格清单,帮助发现实现偏差。
将 Figma 设计文件接入 AI 助手,便于读取、管理与协作设计内容。
让 AI 直接读写 Figma 文件,批量改稿、检查设计并加速协作。
让 AI 读取并批量修改 Figma 设计稿,提升设计协作与自动化效率
让 AI 直接读取打开的 Figma 文件,加速设计交付与 UX 文案协作。
将 Figma 文档与业务规则转为可自然语言检索的知识索引
通过 Figma 插件 API 让 AI 直接创建、修改和管理设计稿。