【菜科解读】

通过禁用模板链路、锚定真实页面位置、植入不可复制的交互痕迹，并以毫米级界面参数替代风格词，可彻底消除空状态插画的AI模板感，从而提升视觉真实性与业务语境适配度，使界面更自然流畅。

用 Figma AI 生成空状态插画时，最常见的问题是画面容易变成“灰色图标 + 居中文字 + 纯白背景”的标准模板组合，缺乏业务语境、用户操作痕迹和界面层级关系。

这类设计稿往往直接被贴上“AI 生成”标签，缺少真实感。

要解决这个问题并不复杂――关键在于禁用模板链路、锚定真实页面位置、植入不可复制的交互痕迹，并用毫米级参数替代所有风格词。

下面逐步拆解具体操作方法。

用真实页面位置锚定空状态

第一步，打开正在开发的页面 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 对整数单位响应更稳定，输出效果更符合预期。