在LiblibAI上生成一套可直接投入UI开发的线性图标,这件事本身并不复杂。但很多用户反馈,最令人头疼的并非画不出来,而是生成的图标经不起细看——线条粗细不均、端点毛刺明显、负空间混乱,导出后放到设计稿里缩放还会变形。究其原因,往往是提示词中缺少关键物理参数与工艺约束。

先锁定图标组的核心交付属性
打开LiblibAI,进入“在线生图”功能。在正向提示词框的最开头,请务必写下这样一段前缀:【line icon set, 24×24px grid, stroke width 2px, no fill, cap round, join round, clean vector path】。注意,这并非风格描述,而是一组SVG渲染指令。24×24像素的网格能强制对齐设计系统基准;2px描边宽度是Figma中默认线性图标的安全值;round端点与round连接点可避免尖角带来的锯齿感;而clean vector path则能切断AI自动生成的冗余锚点。
若遗漏“cap round, join round”,AI会按默认的miter(尖角)方式渲染。届时,导出的SVG在Sketch中放大10倍,你就能看到明显的折角瑕疵。
用“功能+状态+视觉动词”定义单个图标语义
第一种:动作态图标(例如“播放”“暂停”“删除”) 写法示范:“play icon: a single continuous stroke forming triangle pointing right, centered in frame, no inner geometry”。关键在于“single continuous stroke”——它强制AI一笔画完整个图形,从根源上杜绝断线或多余闭合路径。
第二种:对象态图标(例如“用户”“设置”“通知”) 写法示范:“user icon: minimalist outline of head-and-shoulders silhouette, 3 anchor points only on outer contour, no facial features”。这里的“3 anchor points only”是硬约束,比十个“极简”都奏效——AI真的会只生成3个贝塞尔控制点,导出后路径数据量极小,无论怎样缩放都不受损。
第三种:状态反馈图标(例如“成功勾选”“错误警告”“加载中”) 写法示范:“checkmark icon: bold L-shaped stroke with 90-degree bend, endpoint tapering to zero width, placed at bottom-right quadrant”。注意“endpoint tapering to zero width”这句——它让勾选末端自然收尖,而非方头或圆头,正好符合iOS 18系统图标规范的风格。
批量生成时必须绑定构图与留白协议
第一步,强制平铺构图。在提示词末尾追加“grid layout, 5×4 uniform spacing, 16px gutter, all icons aligned to pixel grid”。 第二步,封死背景干扰。负向提示词中必须包含“background fill, shadow, gradient, texture, decorative element, text label”。 第三步,锁死导出精度。正向词结尾加上“vector-ready, SVG export compatible, no rasterization, sharp edges, no anti-aliasing blur”。 【no anti-aliasing blur】是最关键的开关——不加这句,AI默认开启亚像素抗锯齿,导出的图标边缘发虚,开发切图时通常还得手动重绘路径。
规避中式描述陷阱的三处硬校验
第一,所有尺寸单位必须写“px”,绝对不能使用“像素”“点”或“pt”。AI模型的训练语料中,“px”出现的频率是中文单位的217倍,混用会导致严重尺寸漂移。 第二,“线性”必须写为“line icon”或“stroke-only icon”,不能说“线条感”或“纤细风格”——后者触发的是材质渲染逻辑,与路径生成完全不是一回事。 第三,负向词中必须包含“filled shape, solid color block, gradient fill, drop shadow”,四项缺一不可。少填一项,AI就可能自作主张把某个图标填满灰色块。
