首先明确一点：MasterGo AI并非那种“你给我一个需求，我还你一个输入框”的简单工具，它更擅长生成完整的页面级界面。换句话说，当你要求它“生成一个官网登录输入框”，它通常不会只输出一个孤立的控件，而是直接生成一整个登录页——包含规范化的输入框、按钮、提示文案在内的完整界面。

不过，如果你确实只需要那个输入框，通过精准的描述指令同样可以实现，并且生成后还能进行后续调整。

第一步：清晰表达需求，让AI准确理解你的设计意图

你需要先明白一件事：MasterGo AI不会凭空为你变出一个孤零零的输入框，它理解的是“一个有逻辑的表单页面”。因此，你需要向它说明以下内容：

• 页面用途（例如：企业官网联系表单页、用户注册页、活动报名页面）
• 具体字段与输入类型（举例：“姓名（文本输入框）、手机号（带格式校验的输入框）、邮箱（带验证提示）、下拉选择（服务类型：咨询/合作/投诉）、多行文本（留言内容）、提交按钮”）
• 布局与样式偏好（例如：“左右两栏布局，左侧文字说明，右侧表单；输入框采用圆角设计、边框悬停变色；错误提示显示在输入框下方”）

第二步：“AI生成界面”功能，10秒出稿

操作流程并不复杂：

• 登录 MasterGo → 新建文件 → 点击顶部【AI图标】→ 选择“AI生成界面”
• 将刚才写好的完整描述粘贴进去（中文即可，无需专业术语）
• 可以顺手设定：主题色（如 #2563EB）、模式（亮色/暗色）、适配设备（优先PC端）
• 点击生成，10秒内你就能看到一份高保真、可编辑的设计稿——所有输入框已按语义自动排布，并带有默认态、聚焦态、错误态的状态标注

第三步：生成之后的组件复用与提取

生成结果落到画布上之后，每个输入框都是独立的图层（包含标签、输入域、辅助文字等）。你可以：

• 右键 → “复制组件”，或者直接拖入“资源库”，将其保存为可复用的表单控件
• 后续新建页面时，直接从资源库拖拽使用。也可以输入指令：“把当前页面的邮箱输入框复制到新页面，宽度设为400px”

补充：用手绘草图也能驱动生成

如果你是习惯先画草稿的设计师，同样可以：

• 在 AI 生成界面选择“上传图片”
• 上传你的草图截图或白板照片
• 输入提示：“根据此草图生成官网联系表单页，输入框使用 Ant Design 风格，带必填星号和实时校验反馈”

MasterGo AI 的表单生成能力本质上是“语义驱动的界面生成”，并非简单拼凑控件碎片。只要你把场景、字段逻辑、视觉预期描述清楚，它就能生成符合前端开发习惯、带交互示意的一整套输入框体系。