稿定ai生成空状态插画需启用「ui组件」模板、使用三段式提示词并校验矢量性、图层分离与导出格式。否则易出现文字不可编辑、比例失调、水印等问题。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用稿定AI生成一张能直接嵌入APP或后台系统的空状态插画，但输入“空白页面+小图标+文字”后出图总带多余装饰、比例失调、文字不可编辑，甚至出现模糊水印——这是因为空状态插画不是普通插画，它必须满足三重硬性条件：纯矢量感构图、文字区域预留、背景绝对干净，缺一不可。
先确认是否启用「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】，否则透明区域会被填充白色或产生色阶断层。
