mastergo ai 不自动生成按钮点击态，仅生成默认状态的静态界面稿；需手动转为可变组件并配置 hover/pressed/disabled 状态、命名、视觉调整及交互绑定，再添加智能动画实现真实反馈。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接“自动生成按钮点击态”，它生成的是静态高保真 UI 界面稿，包括默认状态（Default）下的按钮样式。但点击态（Pressed）、悬停态（Hover）、禁用态（Disabled）等交互状态，需要你在生成稿基础上手动补充为可变组件并配置交互逻辑——这是 MasterGo 原型能力的核心环节，AI 不会越俎代庖自动创建这些状态，但能极大降低你搭建基础结构的门槛。
必须先有可变组件，AI 才有发挥空间
AI 生成的按钮图层默认是普通图层，不是可变组件（Variants）。
- 选中按钮 → 右键 → 「转换为可变组件」
- 若选项灰色，说明它被嵌套在其他组件里，需先解构或选中父级再操作
- 确保它是独立的一级图层，否则右侧不会出现「组件状态」面板
AI 可帮你快速补全多状态视觉稿
虽然 AI 不自动建状态，但它能按指令生成对应视觉：
- 在已生成的按钮旁输入提示：“为这个蓝色主按钮添加 Hover 状态：背景色变深 10%，加轻微阴影”
- 或直接对整页说：“给所有操作按钮补充 Hover、Pressed、Disabled 三种状态，保持设计语言一致”
- AI 会生成新图层副本，你可以复制粘贴到对应状态画布中，再手动关联
状态命名和视觉调整不能跳过
每个状态必须手动命名并调外观：
- 新增状态后双击改名：
Default、Hover、Pressed、Disabled（别用 State 1/2） -
Pressed状态建议：背景压暗 5%～10%、边框微缩、图标轻微下移 1px -
Disabled状态建议：透明度设为 60%，文字颜色用 #999，移除交互光标（pointer-events: none 效果需开发实现）
用交互面板绑定鼠标事件才算真正可用
生成+命名+调样只是第一步，必须绑定动作才能响应点击：
- 选中 Default 状态按钮 → 右侧「交互」→「+」→ 设置：
- 触发：
按下鼠标 - 动作：
切换到指定状态→ 选择Pressed - 勾选「恢复默认状态」（松开即回 Default）
- 触发：
- 同理为
Hover配置光标移入/光标移出组合
智能动画让反馈更真实
状态切换必须加过渡效果，否则像页面跳变：
- 在交互设置底部展开「动画」→ 选
智能动画 - 它会自动识别颜色、位置、透明度变化，生成平滑渐变
- 避免选“滑入”“缩放”等与状态切换无关的动效，容易失真
不复杂但容易忽略
