Figma MVP 插件｜页面生成工作流

核心能力（MVP）

第一版聚焦可验证的页面生成闭环，先把组件库、页面尺寸、需求输入、截图重建和质量检查串成稳定流程。

• 组件库链接

  粘贴 Figma 组件库链接，先完成 UI 入口和规则绑定。

• 页面尺寸预设

  内置常用尺寸，一键选择桌面端、移动端或插件画布。

• 自定义尺寸

  支持自定义宽高，适配不同业务页面和展示场景。

• 需求生成页面

  根据文字需求生成页面内容、模块结构和基础层级。

• 截图上传

  上传参考截图，进入结构识别和页面重建流程。

• 截图结构抄图

  解析截图结构，还原布局关系和组件层级。

• 设计 skill 约束

  基于 md 规则文件，约束生成风格、组件使用和排版规范。

• 页面质量检查

  自动检查页面质量，提升生成结果的可用性。

推荐流程（4 步完成）

把插件入口压缩成四个明确动作：先绑定组件库，再确定页面尺寸，随后输入需求或截图，最后生成可编辑的 Figma 页面。

1. 01

   填写组件库链接

   粘贴你的 Figma 组件库链接。

2. 02

   选择页面尺寸

   选择预设或自定义页面大小。

3. 03

   输入需求或上传截图

   文字描述需求，或上传截图参考。

4. 04

   生成 Figma 页面

   一键生成，可编辑可复用。