在ComfyUI里生成SaaS页面插画,多数人一开始就踩坑:直接让ChatLLM输出图像,结果反复重跑,浪费显存。其实,正确的做法是让ChatLLM先输出结构化提纲,而不是直接出图。这个提纲必须包含四个核心部分:核心用户角色、界面关键模块及权重、交互状态、品牌约束(主色值、禁用元素)。然后,再通过SplitText分流、CLIP编码与Color Correction校色,最后按三段式填充提示词并配置KSampler参数,才能生成符合要求的插画。

简单来说,要让ComfyUI在生成SaaS页面插画前先输出结构化提纲,而不是直接出图,就必须绕过默认的图像采样链路,把LLM推理结果前置为可读文本。这一步卡在多数人工作流开头,导致反复重跑、浪费显存。下面拆解一下具体怎么做。
用ChatLLM节点拦截初始输入并强制输出提纲
第一个环节,用ChatLLM节点拦截初始输入,强制输出提纲。
第一步:拖入ChatInput节点,输入原始需求,比如“给CRM系统后台首页画一张插画”,然后连接到ChatLLM节点的prompt输入端。
第二步:在ChatLLM的system_prompt中粘贴指令,注意,这里有个关键细节:指令不能换行,不能删空格。指令内容如下:
【你是一个SaaS UI插画策划专家。用户只提供产品类型或场景,你必须严格按以下格式输出提纲,不得生成图像描述或额外解释:①核心用户角色(含职业、设备使用习惯);②界面关键模块(最多3个,需标注视觉权重占比);③交互状态(空态/加载中/成功反馈/错误提示中的1种);④品牌约束(主色值、禁用图形元素)。若信息不足,仅追问1次:“请说明:①目标用户岗位?②当前页面主要功能模块?③需要表现哪种状态?”】
第三步:ChatLLM输出接SplitText节点,正则表达式填“^请说明:”。如果匹配成功,说明需要追问,输出到Text Output节点显示在前端;如果不匹配,说明提纲已生成,可以继续下一步。
第四步:将提纲文本送入CLIP Text Encode节点的text框,但必须关闭该节点的“return_full_prompt”选项,否则system_prompt也会被塞进编码器,直接导致模型崩溃。
提纲内容必须带可执行参数,否则无法转入绘图链路
提纲有了,但内容必须带可执行参数,否则无法转入绘图链路。有两种方法:
方法一,人工校验后复制粘贴。从Text Output节点右键Copy Text,手动粘贴到新CLIP Text Encode节点的text框最开头,保持格式。例如:
①核心用户角色:SaaS销售主管,常在iPad上快速审批线索;②界面关键模块:顶部仪表盘(40%)、中部线索列表(50%)、右下角AI建议卡片(10%);③交互状态:成功反馈;④品牌约束:主色#2563EB,禁用拟物化按钮和阴影浮层。
方法二,用PromptGraph自动注入。新建PromptGraph节点,Add Slot,类型选String,名称填“saa_s_layout”,默认值留空,右键该slot,Bind to Text,再将SplitText的非追问输出连入此slot输入口。这样提纲会自动绑定到后续所有提示词模板中。
注意,这一步如果不做校验,模型会把“④品牌约束:主色#2563EB”当普通文本处理,生成图里可能根本看不到蓝色。所以,必须在CLIP Text Encode节点之后插入Color Correction节点,手动设Hue=233±2,否则交付稿色差超ΔE>7。
把提纲转成画面提示词的三段式填充法
提纲有了,怎么转成画面提示词?这里推荐一个三段式填充法。
第一步,在CLIP Text Encode节点text框内,把提纲内容作为前缀,后面紧跟三段式提示词:
第一段(主体锚定):flat vector illustration of【①核心用户角色】using【②界面关键模块】on iPad Pro, centered composition, 1:1 aspect ratio
第二段(商业约束):no chrome UI elements, no real text, soft rounded corners, consistent spacing grid, Figma design system compliance
第三段(输出保障):vector art, crisp lines, Pantone 293 C primary color, white background, 300dpi print-ready
第二步,负向提示词必须包含“text, ui mockup, screenshot, photo, photograph, realistic, 3d render, gradient fill, drop shadow”——这些词会干扰SaaS插画所需的扁平化矢量感。
第三步,KSampler节点中,steps设为20,cfg设为6.2,采样器选euler_ancestral。步数低于18易漏细节,高于22会过度平滑线条,cfg低于5.8导致模块边界模糊。
