mastergo ai 不提供“自动命名图层”开关，但可通过语义化提示词引导ai生成即带名的图层结构，结合分组、前缀规范与批量重命名实现高效命名，并在代码导出时自动映射为语义化类名。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“自动命名图层”这一独立配置项，但可通过 AI 生成 + 手动规范引导 + 后续批量处理 的组合方式，实现接近自动命名的设计图层管理。关键在于利用 AI 的语义理解能力，在生成阶段就让图层结构清晰、语义明确，再结合 MasterGo 内置的图层组织逻辑和少量人工校准，达成高效可维护的命名效果。
图层命名依赖 AI 理解结构，而非开关式配置
MasterGo AI 在生成设计稿时，会根据你的描述（如“顶部搜索栏”“商品卡片列表”“底部导航栏”）自动构建语义化图层结构。它不会给你一个“开启自动命名”的按钮，但会把每个模块按功能逻辑分组，并赋予合理默认名称（如 SearchBar、ProductCardGroup、BottomTabNav）。这些名称来自你输入的提示词，不是随机生成的。
让 AI “生成即带名”的实操方法
-
在 AI 生成界面输入需求时，主动嵌入命名意图：
- ✅ 推荐写法：“生成电商首页，包含：顶部搜索栏（命名为 SearchBar）、轮播图区域（命名为 BannerSection）、分类导航栏（命名为 CategoryTabs）、商品网格区（命名为 ProductGrid）、底部固定导航（命名为 BottomNav）”
- ❌ 避免写法：“做一个首页，有搜索、图片、分类、商品和底部按钮”（AI 缺乏命名锚点，图层名易为
Group 1、Frame 2等无意义编号）
-
使用「复制页面→重命名→局部重生成」保持一致性：
- 例如生成首页后，复制一页并重命名为
ProductDetailPage；再输入“生成跑步机详情页，包含主图区（命名为 HeroImage）、价格模块（PriceBlock）、参数表格（SpecTable）、购买按钮（BuyButton）”，AI 会沿用相同命名逻辑，新图层自动继承语义化前缀。
- 例如生成首页后，复制一页并重命名为
借助图层结构与分组提升可读性（替代纯命名）
MasterGo 中图层树的嵌套关系比单个名字更重要：
- 将同类元素放入同一命名组（如
Header / Logo、Header / SearchBar） - 使用统一前缀区分类型：
btn-PrimaryCTA、txt-TitleLg、img-ProductMain - AI 生成后，选中多个同类图层 → 右键 →「重命名实例」→ 输入
btn-AddToCart，可批量应用带序号的命名（如btn-AddToCart-1,btn-AddToCart-2）
导出代码时命名会自动映射（真正起作用的环节）
当你用 MasterGo MCP + Cursor 将设计转 HTML 或 React 代码时，AI 会依据图层名和嵌套结构生成语义化类名或组件名：
- 图层名为
ProductCardGroup→ 输出<div class="product-card-group"> <li>子图层叫 <code>PriceText→ 生成<span class="price-text">¥2,999</span> - 这意味着：你在设计阶段花 10 秒写清图层名，换来的是一份无需手动改 class 的可用代码
基本上就这些。命名不是靠开关打开的，而是靠你给 AI 提供清晰的结构语言，再借 MasterGo 的分组习惯和导出逻辑自然沉淀下来。
