MasterGo AI的“AI智能填充”是将结构化数据与设计元素动态绑定的本地化填充功能，支持语义识别、多源数据导入、精度调控及设计系统联动。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 的“AI 智能填充”不是简单贴图或占位，而是将结构化数据与设计元素动态绑定，让文字、图片、图标、甚至交互状态自动匹配业务语义。它不依赖外部 API 调用，而是基于画布上下文和预设规则完成本地化填充，确保生成内容可编辑、可导出、符合规范。
识别并标记需填充的元素类型
AI 填充的前提是让系统理解“哪里要填什么”。MasterGo 会自动识别常见语义图层：带“标题”“副标题”“价格”“评分”“头像”“商品图”等命名或样式的文本/容器节点；也支持手动标注——双击文本层，在内容中输入{name}、{price}等占位符，AI 即将其识别为数据字段。
- 命名规范更可靠：把按钮图层重命名为“加入购物车按钮”，比单纯写“按钮”更容易触发正确填充逻辑
- 图标类图层若已关联 Iconfont 或组件库图标名（如“icon-cart”），AI 会优先调用对应矢量资源而非生成新图标
- 表格、列表类容器需先启用“自动布局”，AI 才能按行/列批量填充多组数据
选择填充来源与模板
点击图层后，在右侧属性面板找到「AI 填充」按钮（或使用快捷键 Ctrl+Shift+F / ⌘Command+Shift+F），即可唤出填充面板。系统提供三类常用来源：
- 内置模板库：含电商（商品名/价格/销量）、内容平台（标题/摘要/作者/时间）、后台系统（用户姓名/角色/状态标签）等高频场景模板，选中即填，支持微调字段映射
- 上传 CSV/JSON 数据：适合已有运营数据或测试数据集。上传后 AI 自动解析字段名，并尝试匹配图层命名（如 CSV 中有 “product_name” 列，会优先填入命名含 “name” 或 “标题” 的文本层）
- 手动输入示例数据：在面板中输入 1–3 条真实样例（如 “iPhone 15 Pro, ¥8999, ⭐4.8”），AI 会据此推断格式规律，批量延展填充其余同类图层
控制填充精度与风格一致性
填充不是“一锤定音”，而是可干预的过程。生成后若发现价格全为整数、但实际需保留小数，或头像尺寸不统一，可通过以下方式快速修正：
- 对已填充文本层，右键选择「AI 重填」→ 在弹窗中勾选“保留数字精度”“强制中文标点”等选项
- 多图层批量填充图片时，右侧面板提供「填充模式」：选“适应”保持比例，“充满”填满区域，“拉伸”适配容器——不同商品卡片可混合使用
- 若某组按钮需统一显示“已下单”“待发货”等状态文字，选中全部按钮 → 启用 AI 填充 → 选择「状态标签模板」→ 指定状态流转顺序，AI 自动生成对应文案及颜色变化
与设计系统联动实现合规填充
当团队已配置设计系统（DSM），AI 填充会主动对齐规范：字体大小严格匹配「正文-小号」层级，价格数字自动套用「数值强调色」，评分图标调用组件库中已注册的 star 组件，连“¥”符号位置（左对齐 or 右对齐）都按品牌指南执行。
- 填充前，确保画布已绑定企业私有组件库（在「设置 → 设计系统」中启用）
- 若某字段填充结果偏离规范（如用了非标准灰色值），AI 会在图层旁标出黄色感叹号，点击可一键修正为 DSM 定义值
- 导出代码时，填充内容会转为 React/Vue 中的 data 属性或 props，默认启用 v-for / map 渲染逻辑，无需额外改写
