ComfyUI写SaaS页面插画提示词有哪些具体写法

要让ComfyUI生成的插画直接嵌入SaaS官网首屏、功能页或空状态页，前提是让AI理解一件事：这不是一张装饰图，而是一份用户操作路径的视觉说明书。提示词里的每一个词，都必须能映射到Figma设计稿中的真实图层。泛化的风格描述，在这里是行不通的。

锁定SaaS页面核心结构

第一步，正向提示词最开头先写死【interface screenshot, Figma mockup style, no illustration border】。这三个词的作用是强制模型放弃手绘感，转向UI截图语义。如果漏掉“Figma mockup style”，出来的图会带一点手绘笔触，跟真实产品页拼在一起会觉得别扭。

第二步，用“top bar with logo placeholder, left na vigation rail collapsed, main content area showing dashboard chart”来替代“modern software interface”。为什么不直接写后者？因为前者能激活ComfyUI内置UI Layout Node对导航栏高度（48px）、图表占位区比例（65%宽×320px高）的硬编码识别。后者则会让模型自由发挥，生成带悬浮按钮、不规则卡片堆叠的失真布局。

第三步，指定交互焦点区域：“highlighted CTA button in brand primary color #3B82F6, cursor hover state visible, subtle glow effect”。SaaS插画中，按钮必须是视觉动线的终点。#3B82F6是Tailwind默认的blue-500，模型对这个HEX值有预训练映射。如果只写“blue button”，可能渲染成Pantone 294C（偏紫）或286C（偏青），交付时色差会超过ΔE>4，这是不可接受的。

注入可信用户行为细节

方法一：用“user a vatar icon with initials ‘JD’ in top-right corner, notification badge showing ‘3’ on bell icon, unread message dot active”替代“person using app”。真实SaaS界面里，身份标识与未读提示是标配，它们的位置固定（右上角16px边距）、尺寸标准（a vatar 32×32px）。模型识别到这些，会自动规避居中大头像等错误构图。

方法二：加入“data table row selected with soft blue background, hover highlight on second column, sorting arrow pointing up on ‘Last Active’ header”。表格交互态是SaaS的高频场景，模型对“sorting arrow pointing up”响应精准，能生成符合Ant Design规范的12px三角图标。写“sorted table”的话，大概率会生成一个无箭头或双箭头混乱的状态。

控制商业级输出参数

① CLIP Text Encode节点正向提示词末尾，追加一句：“Figma export preset: PNG-24, 2x resolution, transparent background, no anti-aliasing on text edges”。

② 负向提示词严格输入：“illustration, hand-drawn, sketch, watercolor, cartoon, anime, blurry text, pixelated font, inconsistent spacing, overlapping UI elements, floating icons”。

③ KSampler节点设CFG=7.2、Steps=32、Sampler=euler_ancestral。CFG低于7.0会导致按钮圆角过钝（本应是6px），高于7.5则阴影过度扩散。Steps=32是实测平衡清晰度与噪点的临界值，25步容易出现文字边缘毛刺，40步反而会引入微抖动伪影。

④ 在VAE Decode节点前插入“PNG Info Injector”节点，手动写入元数据：这部分信息虽不显现在图像上，但会触发Z-Image-Turbo的商用过滤器，屏蔽生成含版权字体（如SF Pro Display）的非法输出。