用mastergo ai在30分钟内搭建可被团队直接引用的设计系统，需先勾选“设为设计系统项目”，再通过ai生成并提取token样式，接着反向构建带变体的组件库，最后一键发布并启用强制使用策略。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用MasterGo AI在30分钟内搭出可被团队直接引用的设计系统，必须跳过“先画再整理”的老路，从AI生成的规范源头直接提取样式和组件，否则手动归类会浪费至少2小时且遗漏关键Token。
用AI批量生成并锁定设计Token
打开MasterGo → 新建项目 → 命名为“XX品牌-设计系统” → 勾选「设为设计系统项目」。这一步【必须勾选】，否则后续无法发布组件、同步样式、启用AI自动校验功能。
点击顶部工具栏AI图标 → 选择“AI生成界面” → 输入：“生成一套完整的设计Token规范页，包含：16个主色+中性色（#000000到#FFFFFF共12阶）、8档文字样式（H1–Caption）、4级间距系统（4/8/12/16倍率）、3种圆角（4px/8px/12px）、2种阴影（轻/重）”。
等待AI生成后，不要直接插入画布——先右键每组颜色块 → 「提取为颜色样式」；再选中文本图层 → 「提取为文字样式」。AI生成的样式默认未绑定到设计系统面板，这一步是激活同步能力的关键动作。
从AI稿里反向构建带变体的组件库
方法一：用AI生成典型页面后拆解组件
在同个项目中新建页面「03_组件库」→ 点击AI图标 → 输入：“生成电商后台首页，含导航栏、数据卡片、表格、弹窗、按钮组，所有元素严格按刚生成的Token规范渲染”。
AI生成完成后，全选画布中所有按钮 → 右键 → 「批量转换为组件」→ 命名为“Button/Primary”。命名必须含斜杠层级，否则后续无法在「设计系统」面板中自动归类。
方法二：直接用AI生成组件母版（更精准）
回到「03_组件库」空白页 → 点击AI图标 → 输入：“生成一个按钮组件母版，含5种状态变体：default、hover、active、disabled、loading；每个变体需绑定‘状态’属性，填充色、文字色、边框、阴影全部引用已定义的颜色Token”。
生成后双击组件进入编辑 → 检查每个变体是否真实绑定了「状态」属性。若某变体未绑定，该变体在实例中将无法切换，【务必逐个点击右上角属性面板确认】。
一键发布并强制团队接入
第一步：发布前检查依赖完整性
打开右上角「设计系统」面板 → 切换到「组件」页签 → 查看左侧树状结构中是否出现“Button/Primary”节点 → 展开后确认5个变体图标全部为实心蓝色（空心表示未发布）。
第二步：发布组件与样式
勾选“Button/Primary”组件 → 点击右上角「发布」→ 在弹窗中选择「发布为团队可用」→ 勾选「同时发布所依赖的颜色、文字样式」→ 点击确认。
第三步：启用强制使用策略
进入项目设置 → 找到「设计系统」→ 开启「强制使用已发布样式」开关 → 设置违规提示文案：“请使用设计系统中的Button/Primary组件，禁止手动修改填充或文字色”。
