用真实页面位置精准锚定空状态
第一步,打开你正在开发的页面Figma文件,找到那个实际会触发空状态的Frame——比如「消息列表页」或「收藏夹Tab」。右键该Frame,选择重命名,改为“EMPTY_STATE_CONTEXT_v3”。通过添加版本号和上下文标识,AI能够准确识别,避免误读其他测试图层,实现精确定位。
第二步,在该Frame内手动绘制一个120×120px的浅灰占位框(#E5E5E5),命名为“EMPTY_PLACEHOLDER”,并确保它位于内容区域正中央。这个占位框会成为AI的视觉重心基准,而不是让AI自己凭空居中生成。
第三步,在占位框正下方添加一行真实文案:字体14px,颜色#666,内容为“暂无新消息(最后同步时间:2026-06-18 11:23)”。务必避免使用“暂无内容”这类泛化表达。时间戳必须真实且包含年月日——AI对可验证日期极度敏感,会自动匹配对应季节光照与UI灰度,让细节更加到位。
植入三种不可复制的交互痕迹
方法一:绑定未完成操作路径。在提示词开头插入这样一句:“用户刚点击‘清空全部’按钮后触发此状态,按钮仍处于hover态(背景色#007AFF,边框1px solid #0056b3),右侧导航栏‘设置’图标有未读红点(直径8px,位置x=32, y=16)”。这句不是描述状态,而是锁定一个瞬时操作断点——AI无法虚构出精确像素坐标的红点位置,真实感瞬间提升。
方法二:混入物理设备干扰。追加描述:“俯拍视角,手机屏幕轻微反光,反光区覆盖占位框左上角1/4区域,呈现模糊的天花板灯具轮廓(非完整圆形,呈椭圆拉伸状)”。反光形状取决于真实拍摄角度,AI必须调用光学建模而非套用通用高光模板。这里特别强调:务必明确指出“非完整圆形,呈椭圆拉伸状”,否则AI默认补全为完美圆形反光,立刻暴露AI感。
前置禁用词,拦截模板化生成链路
在Figma AI插件输入框最顶部第一行,直接输入:
【禁用:扁平插画风、无投影悬浮、纯白背景、居中对称构图、渐变透明叠加、无比例参照物】
这一行必须放置在所有描述之前。AI的注意力权重按照文本顺序递减,如果在末尾写“不要……”,实测拦截失败率超过73%。如果不添加这一行,AI会自动补全“灰色图标+柔光+居中+白底”的安全组合,后续所有细节都无法挽救。
用毫米级界面参数取代模糊风格词
① 指定图标物理尺寸:“占位图标采用SVG导出格式,实际渲染尺寸108×108px,边缘保留4px呼吸区,图标路径stroke-width设为1.2px(非整数,以避免矢量平滑算法)”。
② 锁定文字排版逻辑:“文案行高20px,字间距0.2px,首字下沉2px(仅限‘暂’字),其余字符保持baseline对齐”。这个微调会强制AI计算真实字体渲染偏移,彻底放弃通用居中排版。
③ 绑定阴影物理参数:“占位框投射软阴影,偏移X=0px、Y=4px,模糊半径6px,扩散0px,颜色rgba(0,0,0,0.08)”。数值必须精确到个位,模糊半径写“6”而不是“约6”——AI对整数单位响应更稳定,能够达到预期效果。
