$ loading_
通过自然语言在 Figma 中完成界面生成、审查、修复与设计规范同步。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figcraft" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请在 Figma 中创建一个移动端登录页,包含品牌 Logo、手机号输入框、验证码输入框、登录按钮和隐私协议提示,风格简洁,主色为蓝色。
生成可编辑的登录页界面稿,并按要求完成基础布局与视觉样式。
检查这个 Figma 页面中的设计问题,重点看间距不一致、颜色不统一、按钮样式不规范和文字层级混乱,并直接给出可自动修复的修改。
输出设计审查结果,并自动修复部分视觉与规范问题。
将当前项目中的颜色、字体和间距样式整理为设计令牌,并同步到 Figma 文件中,统一命名规则并标记重复项。
完成设计令牌整理与同步,输出统一规范后的样式结构与重复项提示。
连接 Figma 读写设计稿,自动生成并回写界面结构与样式内容
根据代码库在 Figma 中创建或更新专业级设计系统与组件库
帮助提取并整理 Figma 设计文件结构与图像数据,便于 AI 理解和生成代码。
为项目代码库生成定制化设计系统规则,统一 Figma 到代码协作规范。
将 Figma 设计稿高保真转换为可直接落地的前端界面代码
将代码或页面描述转成Figma完整界面,并按设计系统逐段搭建设计稿