一、提示词开头:强制声明安全留白区
从实际运行机制来看,Firefly(即MasterGo AI的底层模型)对“留白”“呼吸感”这类抽象描述基本不作响应。必须使用百分比+方位+禁令的硬指令,才能确保它严守边界。
- 首行务必写明:【顶部留白12%、底部留白8%、左右各留白15%,所有UI组件严格居中对齐,不触边、不贴边、不延伸至边缘像素】
- 末尾紧跟负向锚点:
no full-bleed layout, no edge-to-edge content, no auto-stretch component - 将“信息丰富”“布局饱满”这类易触发密度膨胀的形容词全部删掉,改用像素级描述,例如“卡片宽320px,上下间距24px,标题字号16px,行高24px”
二、在MasterGo中:启用Frame裁切与自动布局防护
AI生成后若发现文字仍撑出容器,需手动加固容器的边界。
- 选中文字所在的Frame,在右侧属性栏开启“Clip Content”开关——超出区域的内容将被直接裁掉
- 双击进入该Frame,启用Auto Layout(垂直或水平),并确保子文本图层的Constraints设置为“Top & Bottom + Left & Right”
- 回到Frame层级,将自身Constraints设为“Left & Right + Top & Bottom”,这样它在父容器中就能响应缩放
三、文本组件:配置原生截断行为
仅靠裁切还不够,还需让文字主动适配空间尺寸。
- 选中文本图层,在右侧“Text Auto Resize”中选择TRUNCATE(单行省略)或HEIGHT(多行限制)
- 若选择HEIGHT,务必填写“Max lines”数值(例如2),同时锁定行高(如line-height: 24px),以避免可变字体导致计算偏差
- 确认文本Frame的宽度为固定值(而非Auto width),且未勾选“Fill container”
总而言之,这套流程不复杂但容易遗漏——留白靠提示词定死,裁切靠Clip Content守住底线,截断靠Text Auto Resize主动收敛。三个环节缺一不可。
