ComfyUI Extension: ComfyUI_EasyKitHT_NodeAlignPro
ComfyUI_EasyKitHT_NodeAlignPro is a lightweight ComfyUI node alignment and node coloring tool for refactoring and rewriting the UI based on the open-source projects Comfyui-Align and Comfyui-Nodealigner.
Custom Nodes (0)
README
ComfyUI_EasyKitHT_NodeAlign Pro ๐จ
The newly designed ComfyUI node alignment and coloring plugin has completely redesigned and developed new UI icons and layouts. The layout of the alignment tool is more in line with the common operation logic and experience in the design industry. The position of the coloring tool is more reasonable, facilitating quick coloring.
โจ Core Features
| Intelligent Alignment System | Enhanced Workflow | Efficient Interaction Design | ๐ New UI Zoom Adaptation | |---------------------------|---------------------------|---------------------------|---------------------------| | โ 8 Basic Alignment Modes | ๐จ One-click Color Management Scheme | ๐ฑ๏ธ Floating Tool Panel | โ Added UI Zoom Button in the Right-click Menu | | ๐ Dynamic Spacing Distribution Algorithm | ๐ Visual Layout Guide Lines | โจ๏ธ Custom Shortcut Key Configuration | ๐By default, clicking the "UI Zoom" button only</br>ใ zooms the plugin components | | ๐ฅ Multi-node Group Collaborative Operation | ๐๏ธ Real-time Preview of Adjustment Effects | ๐พ Layout Memory and Restoration System | โClick the "UI Zoom" button with Ctrl to globally</br>ใ zoom the page |
โ ๏ธNote:HT20250430-New UI Zoom Adaptation
((There is a slight bug causing "Incomplete display due to excessive global zoom", but "It does not affect basic usage" and will be fixed in the future. Therefore, you can currently use the basic UI zoom with confidence, that is, directly click the "UI Zoom" button).
๐ผ๏ธ Effect Demonstration
โ Function Update Records
<video src="https://player.bilibili.com/player.html?isOutside=true&aid=114426065716534&bvid=BV1V7G9z9EcU&cid=29714745695&p=1" controls="controls" width="500" height="300"></video>
<video src="https://www.bilibili.com/video/BV1V7G9z9EcU/" controls="controls" width="500" height="300"></video>
๐ ๏ธ Installation Guide
Manual Installation
- Download the Latest Release
- Unzip it to the
ComfyUI/custom_nodes/
directory - Restart the ComfyUI service
Git Installation
git clone https://github.com/ArtsticH/ComfyUI_EasyKitHT_NodeAlignPro.git custom_nodes/ComfyUI_EasyKitHT_NodeAlignPro
Git update (Manual navigation to the ComfyUI_EasyKitHT_NodeAlignPro directory is required first)
git fetch --all
๐ Quick Start
Example Workflow Configuration (for reference only)
{
"nodes": [
{
"type": "ComfyUI_EasyKitHT_NodeAlignPro/AlignGroup",
"params": {
"alignment_mode": "vertical_center",
"spacing": 50,
"color_scheme": "cyan"
}
}
]
}
๐ Function Details
-
Node Alignment
Left/Right/Top/Bottom Alignment, Horizontal/Vertical Centering, Smart Spacing Distribution -
Node Coloring
7 Preset Color Schemes: orange, yellow, green, cyan, blue, purple, Custom Color Picker, One-click Reset
๐ค Contribution Guide
- Welcome to participate in the improvement in the following ways:
Submit Usage Feedback
ใNew Issue
ใImprove Code Logic
ใFork & PR
ใComplete Multilingual Documents
ใShare Creative Workflows
๐ License Agreement
- This project uses the MIT License. The development idea is based on the secondary development ofComfyUI-NodeAligner and ComfyUI-Align.
- It mainly refactored the code and rewrote the UI, thus developing the lightweightComfyUI_EasyKitHT_NodeAlignPronamed
ComfyUI plugin
. - The core functions are:
Node Alignment
andNode Coloring
.
๐จ๐ป This is a project developed by a designer in his spare time. Welcome to feedback on usage issues. โ ๏ธ There may be exceptions in untested scenarios. Please report them through Issues.