$ loading_
让 AI 代理直接读取 Figma 文件与原型,获取设计数据和素材资源。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 文件中的登录页面设计,提取布局、颜色、字体和间距信息,并生成对应的 React + Tailwind 代码。
输出基于设计稿的前端代码,并包含关键样式参数说明。
访问这个 Figma 原型,整理所有按钮、输入框和卡片组件的尺寸、状态和样式,生成一份设计规范文档。
输出结构化的组件设计规范,便于设计与开发协作。
从这个 Figma 文件中提取首页所需的图标、插图和图片资源,并按用途分类列出可导出的素材清单。
输出按类别整理的素材清单,包含可用于开发的资源信息。
让 AI 助手直接连接 Figma 画布,生成并编辑布局、图形与界面设计。