空状态插画需严格遵循三步法：先用【空状态结构指令】锁定布局与像素尺寸，再以功能意图或栅格编号锚定视觉元素，最后通过图生图注入figma ui kit风格与交互暗示。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要生成一张能直接嵌入SaaS或App页面空状态（Empty State）的插画，必须让LiblibAI理解“此处无数据”的语义边界与交互暗示——不能出现真实用户头像、不可点击的按钮、带文字的卡片，也不能渲染出“正在加载”或“错误404”的混淆信号。
第一步：用【空状态结构指令】锁死画面骨架
在正向提示词最开头写：【空状态结构】顶部留高80px空白区（供状态标题+副文案）、中央主图区宽520px×高320px、底部操作按钮区高64px且居中，所有区域仅显示#f5f5f5灰底色块与像素标注，无图标无文字无阴影。这句是强制结构开关，不加它AI会把空状态画成“带搜索框的首页”，而非“什么都没有但用户知道下一步该做什么”的精准表达。
补上基础画质：“高质量线稿，1px等宽描边，无渐变无纹理，8K分辨率，纯白背景”。【漏掉‘纯白背景’四字，AI默认加微妙灰度噪点，导致前端切图时与CSS背景色不一致】
第二步：把空状态语义转成可定位锚点
方法一：用功能意图锚定视觉符号
“中央主图区绘制一只空购物车图标，车体为#4F46E5主色，轮子为虚线描边（表示未启用），车斗内飘着三片羽毛（象征‘暂无内容’），羽毛间距均匀，每片长24px、宽6px，顶端距车斗上沿18px”
方法二：用栅格编号锁定响应式安全区
“主图区按8列栅格布局：空日历图标置于第3–6列居中，图标宽280px、高200px、圆角12px；右侧第7列放置‘+ Add new’按钮，按钮宽120px、高40px、圆角6px、填充#3B82F6、字重600、字号14px、Inter字体”
【漏掉‘虚线描边’‘圆角12px’等物理约束，AI会把日历图标渲染成实心矩形或毛边轮廓，开发无法直接使用】
第三步：分层注入风格与交互暗示
① 确认结构图已生成且尺寸标注清晰 → ② 复制该图作为参考图上传至图生图页 → ③ 在新提示词开头写“保持原结构布局与像素级尺寸，仅替换视觉样式” → ④ 接着写风格细节：“Figma UI Kit风格，图标使用Material Design 3规范，空状态图标加轻微悬浮抬升阴影（blur=4px, opacity=8%），按钮悬停态加#4F46E5微光反馈，字体用Inter Medium，字号14px”
这一步做完，生成图中按钮虽不可点击，但视觉上已暗示“这里可以触发动作”；空购物车虽无商品，但轮子虚线明确传递“功能待启用”信号。
