MasterGo AI 不提供自动打标命名功能，但可通过提示词嵌入命名意图、使用组件化语言引导结构、结合图层批量重命名及与 Cursor 协同生成语义化代码等方式实现近似效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“自动打标命名”这一独立功能，它没有内置的语义识别模块去自动为图层、组件或页面添加符合开发规范的命名（比如 header-nav, product-card__price 这类）。但你可以通过组合使用 MasterGo 的 AI 生成能力 + 手动/半自动规范约束 + 后续导出协同机制，实现接近“自动打标命名”的效果。关键在于把命名逻辑前置到提示词中，并利用 MasterGo 的结构化输出特性。
MasterGo AI 生成时嵌入命名意图
MasterGo AI 在生成界面时，会依据你的描述理解组件语义。如果你在提示词中明确写出结构和用途，AI 会倾向生成具有合理层级与可识别含义的图层结构，这为后续命名打下基础：
-
描述里直接带命名关键词
比如输入：“生成一个电商首页，包含顶部导航栏（命名为 header-nav）、轮播图区域（命名为 banner-section）、商品卡片网格（每个卡片命名为 product-card，内含 product-image、product-title、product-price）”
MasterGo AI 会尝试按此结构组织图层，虽然不会真的写死图层名，但生成后的图层分组往往对应这些语义，方便你一键重命名。
-
使用“组件化语言”引导结构
避免模糊表述如“放几个按钮”，改用：“添加主操作按钮（primary-cta），放置在表单底部；添加辅助链接按钮（secondary-link），并列于右侧”
这类表达会让 AI 输出更贴近开发可读的结构，减少后期整理成本。
利用 MasterGo 的图层结构与分组习惯提升命名效率
AI 生成的设计稿默认具备较清晰的视觉层级，你可以快速批量操作：
- 生成后点击画布左侧图层面板，展开各组
- 对典型模块右键 → “重命名”，支持批量选中同级图层统一加前缀（如选中所有卡片内文字层，统一加
text-） - 使用「组件」功能提前建好命名模板：
- 新建一个按钮组件，手动命名为
btn-primary - AI 生成后，将相似按钮拖拽替换为该组件，自动继承命名与样式
- 新建一个按钮组件，手动命名为
和 Cursor 协同实现命名闭环（推荐做法）
真正让“打标命名”变自动的，是把 MasterGo 当作视觉输入源，再用 Cursor 基于设计稿生成带规范命名的代码——此时命名由代码逻辑反向驱动：
在 MasterGo 中生成页面后，导出 HTML 或截图（或直接复制画布结构描述）
-
在 Cursor 中输入类似提示：
“根据以下页面结构生成 React 组件，要求：
- 导航栏区域命名为
HeaderNav - 每个商品卡片使用
ProductCard组件，内部元素按 BEM 规范命名（如product-card__image） - 使用 Tailwind 类名，保持语义化”
- 导航栏区域命名为
Cursor 生成的代码天然带命名，你再反向对照设计稿，在 MasterGo 中将对应图层手动同步为相同名称（一次设置，长期复用）
这种方式不是“AI 自动打标”，而是用代码命名规范倒逼设计图层命名标准化，更适合团队落地。
注意事项
- MasterGo AI 不支持导出带图层命名的 Sketch/Figma 文件，也不支持自定义图层命名规则插件
- 所有图层名最终需人工确认或小批量修改，AI 不会替代命名决策
- 若团队已有设计系统文档，建议把命名规范写进 AI 提示词模板，每次生成前粘贴复用
不复杂但容易忽略。
