$ loading_
连接 Figma 接口读取设计稿,帮助在 AI 编码流程中实现设计到代码转换。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取这个 Figma 文件中的登录页设计,提取布局、颜色、字体和组件结构,并生成 React + Tailwind 代码。
输出基于设计稿的页面结构说明和可直接使用的前端代码。
读取这个 Figma 组件库,整理按钮、输入框和卡片的尺寸、间距、颜色与状态规范,输出开发说明文档。
输出结构化的设计规范文档,便于开发人员按统一标准实现。
读取 Figma 中的个人资料页设计,并对照我现有的前端代码,指出布局、样式和组件层级上的差异。
输出设计与实现的差异清单,以及具体的修改建议。
连接 Figma 设计稿,提取变量、截图并辅助转换为开发代码