MasterGo AI 不支持一键批量生成组件库，而是通过需求驱动的智能生成与设计资产沉淀分步构建：先用结构化提示词逐条生成基础组件并自动对齐规范，再通过组件创建、参数批量修改和变量绑定扩展变体，接着利用插件或代码反向提取现有界面为可复用资产，最后通过资源中心归档、版本管理和导出实现团队级复用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接提供“批量生成组件库”的独立功能，但它通过需求驱动的智能生成 + 可复用设计资产沉淀，自然支撑组件库的规模化构建。整个过程不是一键批量导出，而是围绕设计系统逻辑，分步高效推进。
用文字描述批量生成基础组件
AI 对组件的理解依赖于清晰、结构化的语言表达。你可以按统一模板输入多个组件需求，逐条生成：
- 输入如：“生成一组 Ant Design 风格的按钮组件，包含主色、次色、危险色、幽灵按钮、加载中状态，全部带 hover 和 disabled 效果”
- 再输入：“生成 4 种尺寸的输入框（xs/sm/md/lg），均支持前缀图标、后缀清除按钮、错误提示状态”
- 每条描述生成一个画布页，AI 自动对齐设计规范（间距、圆角、字体层级、颜色语义），避免手动对齐误差
从单个组件快速扩展成组件变体
生成一个基础组件后，无需重复写提示词，直接在 MasterGo 中操作即可批量产出变体：
- 选中已生成的按钮组件 → 右键「创建组件」→ 命名为 “Button/Primary”
- 复制该组件多次，在属性面板中批量修改 fill、stroke、opacity 等参数，AI 会自动适配暗色模式或不同主题色
- 利用「变量」功能绑定颜色、文字大小等属性，后续只需改变量值，所有实例同步更新
用已有网页/代码反向提取组件
已有成熟项目时，可跳过从零描述，直接将现成界面转化为可编辑组件资产：
- 用 html-to-mastergo 插件 捕获任意网页（如 Ant Design 官网组件页），一键转为 MasterGo 设计稿
- 导入后，AI 自动识别重复结构（如多个 Card、Table 行、Modal 模板），建议你将其标记为“组件”并统一命名
- 再结合 Cursor 或其他工具生成的 HTML/CSS 片段，粘贴进 MasterGo 的 AI 输入框，提示：“解析以下代码，提取其中可复用的 UI 组件，并按 Figma 原子设计原则分类为原子/分子/组织层”
自动化归档与团队复用
生成和整理后的组件，需纳入设计系统流程才能真正“批量可用”：
- 将高频组件拖入 MasterGo 的「资源中心」→ 创建专属文件夹（如 “Form Controls”、“Navigation”）
- 开启「组件版本管理」，每次更新自动记录变更说明，团队成员插入时默认使用最新版
- 导出时选择「组件库模式」，可一键生成带文档说明的 Sketch/MasterGo 共享库，或直接发布为 npm 包（需配合插件或脚本）
整个过程不依赖“批量生成按钮”，而是把 AI 当作精准执行器——你定义规则，它负责落地；你聚焦架构，它负责填充。组件库的质量和复用效率，取决于前期描述的准确性与后期资产的结构化管理。
