Blibla ComfyUI Extensions 插件完全教程 - 让你的 ComfyUI 界面更好用
插件简介
插件地址: https://github.com/blib-la/blibla-comfyui-extensions
⚠️ 重要提醒: 这个插件已经停止维护,作者不再更新,但功能依然可以正常使用。
Blibla ComfyUI Extensions 是一个专门用来美化和增强 ComfyUI 界面的插件包,就像给你的 ComfyUI 装上了一套"美颜滤镜"和"便民工具"。这个插件主要能帮你做这些事情:
- 节点美化 - 给节点换各种好看的颜色,让工作流看起来更清晰
- 界面优化 - 调整连接线粗细、字体大小、阴影效果等
- 操作便利 - 一键整理节点、固定节点位置、复制图片等
- 工作流管理 - 分组管理、批量操作、网格对齐等
总扩展数量: 本插件包含 11个扩展功能(全部为前端JavaScript扩展)
如何安装
方法一:使用 ComfyUI Manager(推荐)
- 打开 ComfyUI,点击右侧的 Manager 按钮
- 在搜索框中输入 "blibla" 或 "failfast"
- 找到 "ComfyUI Extensions by Blibla" 并点击安装
- 重启 ComfyUI
方法二:使用 Git 克隆
- 打开命令行,进入你的 ComfyUI 安装目录
- 进入
custom_nodes文件夹 - 运行命令:
git clone https://github.com/blib-la/blibla-comfyui-extensions - 重启 ComfyUI
方法三:手动下载
- 从 GitHub 下载插件压缩包
- 解压到
ComfyUI/custom_nodes/目录下 - 重启 ComfyUI
扩展功能详细解析
1. Arrange(节点整理扩展)
这个扩展是干嘛的?
就像一个"自动整理师傅",能帮你把乱糟糟的节点工作流一键整理得整整齐齐。就像整理房间一样,让所有东西都摆放得有条有理。
功能详解:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| 垂直排列 | 右键画布→"Arrange (vertical)" | 把所有节点从上到下排成一列,就像排队一样 | 按垂直布局重新排列所有节点 | 工作流太乱时,右键选择垂直排列 |
| 水平排列 | 右键画布→"Arrange (horizontal)" | 把所有节点从左到右排成一行,就像摆摊一样 | 按水平布局重新排列所有节点 | 想让工作流横向展开时使用 |
2. Colors(颜色管理扩展)
这个扩展是干嘛的?
就像一个"调色师",能给你的节点涂上各种漂亮的颜色,让工作流看起来更清晰。还能根据节点类型自动上色,就像给不同的文件夹贴上不同颜色的标签。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Color Mode | colorModeValue | default/plain/rainbow/type | type | 选择给节点上色的方式 | 节点着色模式选择 | type模式按节点类型自动上色 |
| Positive/Negative | posneg | true/false | true | 自动给正面和负面提示词节点上色 | 根据节点标题包含positive/negative自动着色 | 开启后正面提示词变绿色,负面变红色 |
右键菜单功能:
| 功能名称 | 适用对象 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Custom Title | 单个节点 | 只给节点的标题栏换颜色 | 自定义节点标题颜色 | 右键节点选择Custom Title,用颜色选择器 |
| Custom BG | 单个节点 | 只给节点的背景换颜色 | 自定义节点背景颜色 | 右键节点选择Custom BG,用颜色选择器 |
| Custom All | 单个节点 | 给节点的标题和背景都换颜色 | 同时自定义标题和背景颜色 | 右键节点选择Custom All,一次性设置 |
| Color Group | 节点组 | 给整个组换颜色 | 自定义节点组颜色 | 右键组选择Color Group |
| Color All Title | 节点组 | 给组内所有节点的标题换颜色 | 批量设置组内节点标题颜色 | 右键组选择Color All Title |
| Color All BG | 节点组 | 给组内所有节点的背景换颜色 | 批量设置组内节点背景颜色 | 右键组选择Color All BG |
| Color All | 节点组 | 给组内所有节点换颜色 | 批量设置组内所有节点颜色 | 右键组选择Color All |
3. Connections Width(连接线宽度扩展)
这个扩展是干嘛的?
就像调节画笔的粗细一样,能让你调整节点之间连接线的粗细程度。线太细看不清,线太粗又占地方,这个功能让你找到最舒服的粗细。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Connectors Width | connectionsWidth | 2-8 | 3 | 调节连接线的粗细程度 | 设置节点间连接线的宽度 | 2是最细,8是最粗,3是默认 |
4. Force Box Nodes(强制方形节点扩展)
这个扩展是干嘛的?
就像把所有圆角的盒子都改成方形盒子一样,让所有节点都变成方方正正的形状,看起来更规整。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Force Box Nodes | forceBoxNodes | true/false | false | 让所有节点都变成方形,没有圆角 | 强制所有节点使用方形外观 | 开启后所有节点都是方方正正的 |
5. Force Snap to Grid(强制网格对齐扩展)
这个扩展是干嘛的?
就像有一个隐形的网格,拖动节点时会自动"吸附"到网格线上,让节点摆放得更整齐,就像贴瓷砖一样对得很齐。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Force Snap to Grid | forceSnapToGrid | true/false | false | 拖动节点时自动对齐到网格 | 强制节点拖拽时对齐到网格 | 开启后拖动节点会自动贴合网格线 |
6. Groups(分组管理扩展)
这个扩展是干嘛的?
就像一个"群组管理员",能帮你管理节点分组。可以把一组节点"冻结"起来,让它们不能被意外移动,就像给重要文件加了个保护锁。
右键菜单功能:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Freeze | 右键组→"Freeze" | 把这个组锁住,不能移动 | 冻结组及其内部所有节点 | 完成的工作流部分可以冻结防止误操作 |
| Unfreeze | 右键组→"Unfreeze" | 解锁这个组,可以正常移动 | 解冻组及其内部所有节点 | 需要修改时解冻组 |
| Freeze all | 右键画布→"Freeze all" | 把所有组都锁住 | 冻结画布上所有组和节点 | 工作流完成后全部冻结 |
| Unfreeze all | 右键画布→"Unfreeze all" | 解锁所有组 | 解冻画布上所有组和节点 | 需要大改时全部解冻 |
7. Images(图片操作扩展)
这个扩展是干嘛的?
就像给图片节点加了个"复制"按钮,让你能直接把生成的图片复制到剪贴板,然后粘贴到其他地方使用。
右键菜单功能:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Copy Image | 右键图片节点→"Copy Image" | 把图片复制到剪贴板 | 将节点输出的图像复制到系统剪贴板 | 生成图片后右键选择,然后可以粘贴到QQ、微信等 |
8. Pin Nodes(节点固定扩展)
这个扩展是干嘛的?
就像给节点钉上"图钉"一样,能把节点固定在原地不动。当你不小心拖拽时,被固定的节点就不会跟着动,避免破坏已经调好的布局。
右键菜单功能:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Pin all Nodes | 右键画布→"Pin all Nodes" | 把所有节点都钉住,不能移动 | 固定画布上所有节点位置 | 布局满意后全部固定,防止误操作 |
| Unpin all Nodes | 右键画布→"Unpin all Nodes" | 解除所有节点的固定 | 取消所有节点的位置固定 | 需要重新调整布局时解除固定 |
9. Render Shadows(阴影渲染扩展)
这个扩展是干嘛的?
就像控制灯光开关一样,能开启或关闭节点的阴影效果。有阴影看起来有立体感,没阴影看起来更简洁。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Render Node shadows | renderShadows | true/false | true | 控制节点是否显示阴影效果 | 开启或关闭节点阴影渲染 | 关闭阴影界面更简洁,开启阴影更有立体感 |
10. Reroutes(重路由节点扩展)
这个扩展是干嘛的?
专门用来美化和管理"Reroute"(重路由)节点的工具。可以把这些中转节点变得很小很小,就像把大的中转站变成小的接线盒,节省空间。
右键菜单功能:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Show/Hide Title | 右键Reroute节点 | 显示或隐藏节点的标题 | 切换重路由节点标题显示状态 | 不需要标题时隐藏,节省空间 |
| dot on/off | 右键Reroute节点 | 把节点变成小圆点或恢复正常 | 切换重路由节点为点状显示 | 开启后节点变成小圆点,很省空间 |
| microdot on/off | 右键Reroute节点 | 把节点变成超小圆点或恢复 | 切换重路由节点为微点显示 | 开启后节点变成超小点,最省空间 |
11. Text Fields(文本字段扩展)
这个扩展是干嘛的?
就像调节书本字体大小一样,能让你调整提示词输入框里文字的大小,让文字看起来更舒服。
设置参数详解:
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Font size for textareas | textFields | 10-24 | 10 | 调节文本输入框里字体的大小 | 设置多行文本输入框的字体尺寸 | 眼睛不好可以调大到14-16 |
12. Unload Models Button(模型卸载按钮扩展)
这个扩展是干嘛的?
就像给电脑加了个"清理内存"按钮,能一键释放显卡内存。当显卡内存不够用时,点这个按钮就能把已加载的模型从内存中清理掉。
功能详解:
| 功能名称 | 触发方式 | 通俗解释 | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|
| Unload Models | 点击菜单栏"Unload Models"按钮 | 清理显卡内存,释放已加载的模型 | 卸载当前加载在GPU内存中的所有模型 | 显卡内存不够时点击释放空间 |
使用技巧和建议
界面美化的最佳实践
- 选择合适的颜色模式:新手建议用"type"模式,按节点类型自动上色
- 开启正负面着色:让正面提示词变绿色,负面变红色,一眼就能区分
- 调整连接线粗细:默认3就很好,显示器小可以调到2
- 适当使用阴影:喜欢立体感就开启,喜欢简洁就关闭
工作流管理技巧
- 完成的部分及时冻结:避免误操作破坏已经调好的部分
- 善用节点整理功能:工作流乱了就用垂直或水平排列
- 重要节点固定位置:核心节点可以固定,防止意外移动
- 合理使用分组:相关的节点放在一个组里,方便管理
Reroute节点优化
- 不重要的中转节点用microdot:最省空间
- 需要标识的节点显示标题:方便识别用途
- 复杂工作流多用dot模式:保持整洁
性能优化建议
- 及时卸载模型:切换模型前先卸载,节省显存
- 关闭不必要的阴影:低配置电脑可以关闭阴影提升性能
- 适当调整字体大小:太大的字体可能影响界面响应
常见问题解答
Q1:为什么安装后没有看到新功能?
A: 检查以下几点:
- 确认已经重启ComfyUI
- 检查插件是否正确安装在custom_nodes目录
- 查看浏览器控制台是否有错误信息
- 尝试刷新浏览器页面
Q2:颜色设置不生效怎么办?
A: 可能的解决方案:
- 确认在设置中选择了正确的颜色模式
- 检查是否在"default"模式下使用自定义颜色
- 尝试切换到其他颜色模式再切换回来
- 重新加载工作流
Q3:节点固定后无法移动?
A: 这是正常现象:
- 右键画布选择"Unpin all Nodes"解除固定
- 或者右键组选择"Unfreeze"解除组冻结
- 检查节点是否被多重固定(既pin又freeze)
Q4:Reroute节点变成点后找不到了?
A: 解决方法:
- 仔细查看连接线的交汇处
- 可以右键该位置,如果是Reroute节点会有菜单
- 选择"microdot off"或"dot off"恢复正常大小
- 开启"Show Title"显示标题便于识别
Q5:卸载模型按钮没反应?
A: 检查以下情况:
- 确认ComfyUI后端正在运行
- 查看浏览器网络面板是否有请求发出
- 检查ComfyUI控制台是否有相关日志
- 尝试手动重启ComfyUI
高级应用案例
案例1:专业工作流配色方案
- 设置颜色模式为"type",按节点类型自动着色
- 开启"Positive/Negative",区分正负面提示词
- 重要节点用自定义颜色突出显示
- 完成的模块用分组并设置统一颜色
案例2:极简界面设置
- 关闭节点阴影,界面更简洁
- 连接线宽度设为2,减少视觉干扰
- Reroute节点全部设为microdot
- 字体大小调到12,提高可读性
案例3:大型工作流管理
- 按功能模块分组,每个组设置不同颜色
- 完成的模块及时冻结,防止误操作
- 使用垂直排列整理复杂的工作流
- 核心节点固定位置,避免意外移动
总结
Blibla ComfyUI Extensions 虽然已经停止维护,但依然是一个非常实用的界面增强插件。它提供了丰富的自定义选项,让你可以根据自己的喜好和需求来调整ComfyUI的外观和行为。
本次分析完成情况:
- ✅ 已输出全部 11个扩展功能
- ✅ 每个扩展的所有参数和功能都已详细解释
- ✅ 包含了完整的使用技巧和问题解决方案
- ✅ 提供了实用的应用案例
记住,这些功能主要是为了提升使用体验,不会影响ComfyUI的核心功能。建议根据自己的需求选择性使用,不必全部开启。合理的界面设置能让你的工作效率大大提升!