Figma MVP 插件页面生成工作流

核心功能

把 MVP 拆成输入、生成、约束、检查四类能力，强调插件从需求到页面的实际生成路径。

• 组件库链接

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

• 页面尺寸预设

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

• 自定义尺寸

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

• 需求生成页面

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

• 截图上传

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

• 截图结构抄图

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

• 设计 skill 约束

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

• 页面质量检查

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

主要流程

流程不做复杂演示，保留设计师真正会操作的四个决策点。

1. 01

   填写组件库链接

   粘贴你的 Figma 组件库链接。

2. 02

   选择页面尺寸

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

3. 03

   输入需求或上传截图

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

4. 04

   生成 Figma 页面

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