先确认是否启用「UI组件」专用通道

打开稿定AI正式版，点击「AI绘画」，在风格模板列表中滑动并选择「UI组件」或「空状态插画」。如果找不到这两个选项，说明当前账号尚未激活UI设计专属模型。这里必须提醒：如果没有选对模板，AI会默认调用通用插画权重，所有文字区域将自动转为贴图，后期根本无法替换。此外，免费账户仅支持基础文生图功能，UI类的提示词需要升级到Pro会员权限才能触发结构化解析引擎。

构建可直接使用的三段式提示词

在输入框中严格按照顺序、用英文逗号分隔填写以下三段，中间不换行、不加空格：

① 视觉锚点：empty state illustration, flat vector style, centered composition, no background texture, white canvas, 1:1 aspect ratio；

② 核心元素：a single minimalist icon (e.g. broken link symbol), soft gray #9CA3AF fill, 60px height, placed 40% from top, accompanied by two lines of editable text space — first line max 12 characters, second line max 20 characters, both in sans-serif font, aligned center；

③ 输出约束：no shadow, no gradient, no outline stroke, no decorative elements, no watermark, no text rendering, --no text, watermark, logo, mirror reflection。

这三段顺序不可颠倒。第二段中的"editable text space"是关键指令，它会强制AI预留出透明文本框，而不是渲染成像素文字；如果漏掉"--no text"，AI就会把提示词里的"broken link symbol"也当作文字渲染进图像中。

方法一：用「图标+文案」双源驱动生成

本地图标导入法：准备一张SVG格式的空状态主图标（比如404页面、无网络状态、搜索无结果），上传至稿定AI的「图生图」工作区（需要Pro权限）。在提示词框内只写："restyle as flat vector UI empty state, keep icon position and scale, add two editable text lines below, pure white background, no border, no shadow"。操作非常简单，直接把SVG文件拖进上传区即可。

文案反向锁定法：先在稿定文档里写好真实文案，比如"暂无数据""请检查网络连接"。复制这两行文字，粘贴到提示词框中，在前面加上"empty state illustration with exact text:"，后面补充"flat vector, white background, centered layout, 1:1 ratio"，然后点击生成。AI会把这些文字当作锚点，自动生成匹配字号、行距与留白的构图，避免后期手动调整位置。

导出前必做的三项校验

第一步：放大到400%查看图标边缘——必须呈现锐利的矢量线条，如果发现轻微锯齿或灰边，说明未触发flat vector解析，需要重新选择模板再试。

第二步：用稿定内置的「图层分离」功能检查——文字区域应该显示为独立透明图层，而不是合并的像素块。

第三步：导出时选择「PNG-24透明底」或「SVG」格式，禁用JPG和PNG-8，否则透明区域会被填充白色或产生色阶断层。