在 Dashboard 设计过程中，按钮组看似简单却容易出错。许多设计师误以为 MasterGo AI 能直接“生成”一个按钮组，仿佛点击鼠标就能得到一排按钮。实际上，它并不会独立创建“按钮组”这个原子级控件，而是通过理解你的设计语境，在整体页面生成时自动布局出符合规范的按钮组合——例如操作栏中的「新增」「编辑」「删除」「导出」。关键不在于命令它“出个按钮”，而在于你如何准确描述场景、约束条件与交互逻辑。
明确按钮组的业务场景与位置
AI 需要上下文才能判断按钮的样式、位置与排列方式。单纯说“加个按钮组”，效果往往不理想。你需要清晰说明：
- 所属模块：例如“订单管理表格上方的操作栏”“用户列表右上角”“数据看板右上角的筛选区”。
- 按钮功能与数量：例如“包含新增订单、批量导入、导出 Excel 三个按钮，左对齐”。
- 视觉要求：例如“主色按钮 + 文字按钮组合，圆角 4px，间距 8px，禁用态需灰显”。
用结构化提示词驱动生成，而非自由发挥
在 MasterGo AI 的「AI 生成界面」输入框中，应将按钮组嵌入页面级描述，而非单独提出需求。举例说明：
设计一个销售数据看板 Dashboard：顶部为标题栏，中间是销售额折线图和商品排行榜卡片，底部是「用户活跃趋势」图表；在标题栏右侧放置操作按钮组，包含「刷新数据」「按周切换」「导出 PDF」三个按钮，其中「刷新数据」为主按钮（蓝色填充），其余为文字按钮（灰色文字），水平右对齐，按钮间间距 12px。按此方式描述，AI 才会将按钮组作为整体 UI 结构的一部分来渲染，而非孤立元素。
生成后快速精修按钮组细节
首轮输出的按钮组常出现字号不一致、间距不准、颜色未对齐设计规范等问题。此时无需重新生成整页，采用「块状精修法」：
- 选中按钮组所在图层（或用框选工具圈住），右键 →「AI 编辑选中区域」。
- 输入精准指令，例如：“将三个按钮高度统一为 32px，字体大小设为 14px，主按钮背景色改为 #1677FF，文字按钮文字颜色改为 #595959”。
- 若按钮图标缺失，可补充：“在‘刷新数据’按钮左侧添加旋转箭头 SVG 图标，尺寸 16×16”。
结合 MasterGo 组件库提升一致性
生成后的按钮组建议立即转为「组件」：右键按钮组 →「转换为组件」→ 命名为「Dashboard-ActionGroup-Primary」。后续再生成其他页面时，若 AI 识别到同类语境（如“操作栏”“管理页顶部按钮”），它会倾向复用已有组件逻辑，减少风格漂移。对团队协作而言，按钮样式自然统一，无需反复调整。