ComfyUI Extension: ComfyUI_EasyKitHT_NodeAlignPro

Authored by ArtsticH

Created

Updated

8 stars

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 ๐ŸŽจ

    GitHub stars License ๅˆ‡ๆขไธญๆ–‡ English

    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

    Operation_Demonstration

    โœ… Function Update Records

    UI_Linkage-button UI_Linkage-button-ContextMenu
    UI_Element-zoomButton
    ArtsticH_Originaldesign_Line-drawing
    <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

    1. Download the Latest Release
    2. Unzip it to the ComfyUI/custom_nodes/ directory
    3. 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_NodeAlignPronamedComfyUI plugin.
    • The core functions are: Node AlignmentandNode 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.