MasterGo AI不直接生成孤立单选按钮，而是根据语义描述（如“用户注册页，需选择性别：男/女/其他，仅可单选”）自动生成含交互逻辑的单选组；支持截图还原、原型交互配置及HTML代码导入生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接生成“单选按钮”这种孤立控件，而是根据你的需求描述，在完整界面中自动布局并生成包含单选按钮的可交互区域。关键不在找按钮，而在让AI理解你要什么场景、什么逻辑。
用文字描述触发带单选逻辑的原型
AI识别的是语义意图，不是控件名称。比如你写“用户注册页，需选择性别：男 / 女 / 其他，仅可单选，选中项高亮显示”，AI会自动放置一组水平排列的单选按钮（Radio Group），默认无选中，并配合适当间距、标签对齐和状态反馈样式。
- 避免只写“加一个单选按钮”——AI无法判断位置、数量、关联文案和行为
- 明确交互规则：“仅可单选”“默认选中‘男’”“点击后跳转到下一步”等，AI会据此生成对应交互逻辑
- 补充视觉要求更精准：“单选组使用圆点图标，右侧文字14px，选中时主色#2B6CB0”
从截图或草图还原单选组件
如果你已有含单选按钮的设计参考（如竞品注册页截图、手绘线框图），可直接上传。AI会识别出该区域为单选组，还原其结构、命名图层（如“gender-radio-group”）、保留原始间距与对齐，并输出为可编辑矢量组件。
- 截图要清晰，文字可读，按钮状态（未选/已选）分明
- 上传后加一句指令：“保持单选组逻辑不变，所有文案改为中文，尺寸适配移动端”
- 生成后双击任一选项，即可单独修改文案、颜色或绑定点击跳转动作
生成后快速补全单选交互
AI生成的单选区域默认是静态的。要让它真正“可单选”，需手动启用MasterGo的原型模式：
- 选中整个单选组容器 → 右侧属性栏点击「+」添加交互 → 触发事件选“点击” → 动作选“切换状态”或“跳转页面”
- 为每个单选项单独设置“选中态”样式（如填充色变化、勾选图标浮现），MasterGo支持状态切换动画
- 若需联动其他元素（如选“其他”后显示输入框），可用条件交互实现
用代码片段反向生成更可控
如果你熟悉基础HTML，可先用Cursor或DeepSeek生成一段带语义化<fieldset>和<input type="radio">的代码，再通过MasterGo的“HTML转设计稿”插件导入。这种方式生成的单选结构层级清晰、命名规范，后续编辑和导出代码也更可靠。
- 示例提示词给Cursor：“生成符合WCAG标准的性别单选HTML，含label for绑定、required属性、无障碍ARIA标签”
- 复制HTML → 在浏览器打开 → 点击html-to-mastergo插件“捕获当前页” → 自动转为可编辑设计稿
