简单来说,就是让AI产出的内容既具备高效性,又易于修改。
一、生成阶段就控制图层深度,避免套娃式嵌套
问题越早解决,成本越低。MasterGo AI在AI快搭和AI设计助手生成时,默认采用“语义化容器+轻量编组”策略,而非将每个HTML元素机械地映射成图层。举例来说,当它识别到一个卡片组件,会直接将.card设为首层Frame,.card-header和.card-body作为两个并行的子Frame(而不是彼此嵌套),内部的文本、按钮等原子元素直接放在对应Frame下,跳过中间那些冗余的Group。这样一来,典型组件的层级被压缩到3级以内:Card Frame → Header Frame / Body Frame → 文本/按钮图层。从根源上杜绝了“套娃式”嵌套问题。
二、自动注入Auto Layout与Constraints,让结构可预测
生成完成只是第一步,结构是否可预测,决定了后续修改的顺畅程度。MasterGo AI会为顶层Frame默认启用Vertical或Horizontal Auto Layout,并根据内容流向预设好主方向;同时,关键的子容器(比如Header、List、Form)也同步开启Auto Layout,间距统一设定为8px的基准单位。更关键的是,按钮、图标、标题等核心图层会自动绑定Constraints:文字默认Top+Left(防止意外截断),按钮固定Left&Right(保证拉伸适配),图标启用Fix size(避免缩放失真)。这些锚点不是事后补丁,而是生成即生效的“结构骨架”。
三、提供一键式结构优化工具,快速修复已有混乱稿
当然,现实场景中总免不了要接手一些“历史遗留”的深层级设计稿。这时,AI设计助手的一键优化功能就派上用场了。选中区域,右键选择“智能重整图层结构”,它就会自动帮你完成几项繁重工作:合并连续且无样式差异的嵌套Group,将纯用于布局的空Frame转为普通Group或者直接扁平化,检测并提示哪些重复结构可以提升为组件,最后还会自动重命名图层,按照“类型_功能_序号”的格式进行标准化,例如Button_Primary_01。整个过程无需设计师手动展开七八层图层来寻找某个按钮,也不必反复修改Prompt来碰运气。
这套机制将“结构合理性”从设计师的经验和运气,转变为AI的内置逻辑和可随时触发的标准能力。
