ComfyUI 魔法书 Logo
🏠 首页
👥 加群
🔥 报错不求人
😎 大帅比
登录 →
ComfyUI 魔法书 Logo
🏠 首页 👥 加群 🔥 报错不求人 😎 大帅比
登录
  1. 首页
  2. 🧩 插件工坊 (Plugin Workshop)
  3. ComfyUI插件教程 Blibla扩展让你的界面更高效易用

ComfyUI插件教程 Blibla扩展让你的界面更高效易用

0
  • 🧩 插件工坊 (Plugin Workshop)
  • 发布于 2025-06-30
  • 9 次阅读
编程界的小学生
编程界的小学生

Blibla ComfyUI Extensions 插件完全教程 - 让你的 ComfyUI 界面更好用

插件简介

插件地址: https://github.com/blib-la/blibla-comfyui-extensions

⚠️ 重要提醒: 这个插件已经停止维护,作者不再更新,但功能依然可以正常使用。

Blibla ComfyUI Extensions 是一个专门用来美化和增强 ComfyUI 界面的插件包,就像给你的 ComfyUI 装上了一套"美颜滤镜"和"便民工具"。这个插件主要能帮你做这些事情:

  1. 节点美化 - 给节点换各种好看的颜色,让工作流看起来更清晰
  2. 界面优化 - 调整连接线粗细、字体大小、阴影效果等
  3. 操作便利 - 一键整理节点、固定节点位置、复制图片等
  4. 工作流管理 - 分组管理、批量操作、网格对齐等

总扩展数量: 本插件包含 11个扩展功能(全部为前端JavaScript扩展)

如何安装

方法一:使用 ComfyUI Manager(推荐)

  1. 打开 ComfyUI,点击右侧的 Manager 按钮
  2. 在搜索框中输入 "blibla" 或 "failfast"
  3. 找到 "ComfyUI Extensions by Blibla" 并点击安装
  4. 重启 ComfyUI

方法二:使用 Git 克隆

  1. 打开命令行,进入你的 ComfyUI 安装目录
  2. 进入 custom_nodes 文件夹
  3. 运行命令:git clone https://github.com/blib-la/blibla-comfyui-extensions
  4. 重启 ComfyUI

方法三:手动下载

  1. 从 GitHub 下载插件压缩包
  2. 解压到 ComfyUI/custom_nodes/ 目录下
  3. 重启 ComfyUI

扩展功能详细解析

1. Arrange(节点整理扩展)

这个扩展是干嘛的?
就像一个"自动整理师傅",能帮你把乱糟糟的节点工作流一键整理得整整齐齐。就像整理房间一样,让所有东西都摆放得有条有理。

功能详解:

功能名称触发方式通俗解释专业解释怎么用/举个例子
垂直排列右键画布→"Arrange (vertical)"把所有节点从上到下排成一列,就像排队一样按垂直布局重新排列所有节点工作流太乱时,右键选择垂直排列
水平排列右键画布→"Arrange (horizontal)"把所有节点从左到右排成一行,就像摆摊一样按水平布局重新排列所有节点想让工作流横向展开时使用

2. Colors(颜色管理扩展)

这个扩展是干嘛的?
就像一个"调色师",能给你的节点涂上各种漂亮的颜色,让工作流看起来更清晰。还能根据节点类型自动上色,就像给不同的文件夹贴上不同颜色的标签。

设置参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
Color ModecolorModeValuedefault/plain/rainbow/typetype选择给节点上色的方式节点着色模式选择type模式按节点类型自动上色
Positive/Negativeposnegtrue/falsetrue自动给正面和负面提示词节点上色根据节点标题包含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 WidthconnectionsWidth2-83调节连接线的粗细程度设置节点间连接线的宽度2是最细,8是最粗,3是默认

4. Force Box Nodes(强制方形节点扩展)

这个扩展是干嘛的?
就像把所有圆角的盒子都改成方形盒子一样,让所有节点都变成方方正正的形状,看起来更规整。

设置参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
Force Box NodesforceBoxNodestrue/falsefalse让所有节点都变成方形,没有圆角强制所有节点使用方形外观开启后所有节点都是方方正正的

5. Force Snap to Grid(强制网格对齐扩展)

这个扩展是干嘛的?
就像有一个隐形的网格,拖动节点时会自动"吸附"到网格线上,让节点摆放得更整齐,就像贴瓷砖一样对得很齐。

设置参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
Force Snap to GridforceSnapToGridtrue/falsefalse拖动节点时自动对齐到网格强制节点拖拽时对齐到网格开启后拖动节点会自动贴合网格线

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 shadowsrenderShadowstrue/falsetrue控制节点是否显示阴影效果开启或关闭节点阴影渲染关闭阴影界面更简洁,开启阴影更有立体感

10. Reroutes(重路由节点扩展)

这个扩展是干嘛的?
专门用来美化和管理"Reroute"(重路由)节点的工具。可以把这些中转节点变得很小很小,就像把大的中转站变成小的接线盒,节省空间。

右键菜单功能:

功能名称触发方式通俗解释专业解释怎么用/举个例子
Show/Hide Title右键Reroute节点显示或隐藏节点的标题切换重路由节点标题显示状态不需要标题时隐藏,节省空间
dot on/off右键Reroute节点把节点变成小圆点或恢复正常切换重路由节点为点状显示开启后节点变成小圆点,很省空间
microdot on/off右键Reroute节点把节点变成超小圆点或恢复切换重路由节点为微点显示开启后节点变成超小点,最省空间

11. Text Fields(文本字段扩展)

这个扩展是干嘛的?
就像调节书本字体大小一样,能让你调整提示词输入框里文字的大小,让文字看起来更舒服。

设置参数详解:

参数名 (UI显示)参数名 (代码里)参数值建议值通俗解释 (能干嘛的)专业解释怎么用/举个例子
Font size for textareastextFields10-2410调节文本输入框里字体的大小设置多行文本输入框的字体尺寸眼睛不好可以调大到14-16

12. Unload Models Button(模型卸载按钮扩展)

这个扩展是干嘛的?
就像给电脑加了个"清理内存"按钮,能一键释放显卡内存。当显卡内存不够用时,点这个按钮就能把已加载的模型从内存中清理掉。

功能详解:

功能名称触发方式通俗解释专业解释怎么用/举个例子
Unload Models点击菜单栏"Unload Models"按钮清理显卡内存,释放已加载的模型卸载当前加载在GPU内存中的所有模型显卡内存不够时点击释放空间

使用技巧和建议

界面美化的最佳实践

  1. 选择合适的颜色模式:新手建议用"type"模式,按节点类型自动上色
  2. 开启正负面着色:让正面提示词变绿色,负面变红色,一眼就能区分
  3. 调整连接线粗细:默认3就很好,显示器小可以调到2
  4. 适当使用阴影:喜欢立体感就开启,喜欢简洁就关闭

工作流管理技巧

  1. 完成的部分及时冻结:避免误操作破坏已经调好的部分
  2. 善用节点整理功能:工作流乱了就用垂直或水平排列
  3. 重要节点固定位置:核心节点可以固定,防止意外移动
  4. 合理使用分组:相关的节点放在一个组里,方便管理

Reroute节点优化

  1. 不重要的中转节点用microdot:最省空间
  2. 需要标识的节点显示标题:方便识别用途
  3. 复杂工作流多用dot模式:保持整洁

性能优化建议

  1. 及时卸载模型:切换模型前先卸载,节省显存
  2. 关闭不必要的阴影:低配置电脑可以关闭阴影提升性能
  3. 适当调整字体大小:太大的字体可能影响界面响应

常见问题解答

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:专业工作流配色方案

  1. 设置颜色模式为"type",按节点类型自动着色
  2. 开启"Positive/Negative",区分正负面提示词
  3. 重要节点用自定义颜色突出显示
  4. 完成的模块用分组并设置统一颜色

案例2:极简界面设置

  1. 关闭节点阴影,界面更简洁
  2. 连接线宽度设为2,减少视觉干扰
  3. Reroute节点全部设为microdot
  4. 字体大小调到12,提高可读性

案例3:大型工作流管理

  1. 按功能模块分组,每个组设置不同颜色
  2. 完成的模块及时冻结,防止误操作
  3. 使用垂直排列整理复杂的工作流
  4. 核心节点固定位置,避免意外移动

总结

Blibla ComfyUI Extensions 虽然已经停止维护,但依然是一个非常实用的界面增强插件。它提供了丰富的自定义选项,让你可以根据自己的喜好和需求来调整ComfyUI的外观和行为。

本次分析完成情况:

  • ✅ 已输出全部 11个扩展功能
  • ✅ 每个扩展的所有参数和功能都已详细解释
  • ✅ 包含了完整的使用技巧和问题解决方案
  • ✅ 提供了实用的应用案例

记住,这些功能主要是为了提升使用体验,不会影响ComfyUI的核心功能。建议根据自己的需求选择性使用,不必全部开启。合理的界面设置能让你的工作效率大大提升!

标签: #插件 2338
相关文章

ComfyUI错误修复插件详解:轻松解决常见问题 2025-07-10 18:25

ComfyUI-CustomMenu插件使用教程:高效自定义工作流指南 2025-07-10 17:50

ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44

ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件,就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址:https://github.com/LingSss9/com

ComfyUI WAN 2.2视频插件教程:万相AI提示词全攻略 2025-07-31 11:47

ComfyUI WAN 2.2视频插件教程:万相AI提示词实战指南 2025-07-29 20:10

ComfyUI HeyGem数字人插件教程:零基础快速精通指南 2025-07-22 14:10

目录

从节点基础到高阶工作流,我们为你绘制最清晰的 ComfyUI 学习路径。告别困惑,让每一次连接都充满创造的魔力,轻松驾驭 AI 艺术的无限可能。

  • 微信
  • B站
  • GitHub
Copyright © 2025 AIX All Rights Reserved. Powered by AIX.
隐私政策
津ICP备2024019312号