Nodes Browser

ComfyDeploy: How ComfyUI Workspace Manager - Comfyspace works in ComfyUI?

What is ComfyUI Workspace Manager - Comfyspace?

A ComfyUI custom node for project management to centralize the management of all your workflows in one place. Seamlessly switch between workflows, create and update them within a single workspace, like Google Docs.

How to install it in ComfyDeploy?

Head over to the machine page

  1. Click on the "Create a new machine" button
  2. Select the Edit build steps
  3. Add a new step -> Custom Node
  4. Search for ComfyUI Workspace Manager - Comfyspace and select it
  5. Close the build step dialig and then click on the "Save" button to rebuild the machine

☕️ ComfyUI Workspace Manager - Comfyspace

A ComfyUI workflow and model manager extension to organize and manage all your workflows, models and generated images in one place. Seamlessly switch between workflows, track version history and image generation history, 1 click install models from Civit ai, browse/update your installed models

If you have questions or suggestions, please join our Discord!

✨We have a new platform to turn your comfyui workflow to runnable web app: www.nodecafe.co please check it out! 🥳

[8-23] 📣Hi since the ComfyUI frontend has built-in workspace management feature, and they are adding model management too, this plugin will go into maintainance mode. In future, I may pivot this plugin to focus more on version controls, or cloud sync & backups, or team collaboration workspace. But right now, I'm focusing on building www.nodecafe.co which is the cloud comfyui and workflow deploy service platform (workflow app & api).

[6-25] ⚠️ Please update workspace manager to latest version if it's not showing up for you after updating ComfyUI (不要用秋叶启动器更新,请使用ComfyUI Manager管理器更新,秋叶没法更新到最新版)

[6-21] ‼️please upgrade to V2 and enable twoway sync if you haven't already. I will stop supporting V1 soon and will forcefully turn on twoway sync later. (twoway sync means that your workflow are twoway synced with your disk files /my_workflows directly)

[6-21] ‼️ Auto-save mode will be removed comopoletely from next version. Because there are reports that autosave mode sometimes overwrite workflows mistakenly. Therefore, please manual save your workflows always.

[New!] We provide 👭team workspace now! If you need to share workflows, backup workflow versions for enterprise and teams, please contact me about our team/enterprise product at weixuanfu01@gmail.com or join discord and DM me @briefpeach

[5-23-2024]search and install models from civitai is not working in previous versions, Please update to the latest version if you are seeing blank screen in Install Models dialog

<img width="610" alt="Screenshot 2024-03-08 at 6 41 18 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/30455eb1-3d12-4930-bb81-28b33148fbaa">

Installation

[Option 1] via ComfyUI Manager (Preferred)

Simply search for “ComfyUI Workspace Manager”, install, and restart ComfyUI.

[Option 2] via git

Like any other custom node installation, in your ComfyUI root folder run command and restart your ComfyUI.

cd custom_nodes && git clone https://github.com/11cafe/comfyui-workspace-manager.git

Please upgrade to V2 asap, you should see an unicorn🦄 here instead of ☕️ (V1). I will stop supporting V1 soon.

<img width="136" alt="Screenshot 2024-05-31 at 5 39 58 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/f52a83f2-4679-4a40-95ed-e75584516ec5">

Recommanded settings for V2 (Do not use these settings if you are on V1):

  • Enable two way sync (‼️ Will stop supporting non-two-way sync mode starting next version)
  • Make sure My Workspace Save Directory is valid path
<img width="202" alt="Screenshot 2024-05-30 at 6 34 39 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/67020966-c190-48cb-bffc-b715449d5c99"> <img width="377" alt="335530039-10002a3f-ea2f-4bd1-8597-0ae1443d9851" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/6001a7f1-93f2-48ef-86c6-95c9560030ef">

Features

Workflows manager

  • 🔁Switch between different workflows easily. 1click open workflow in multiple browser tabs.
  • 🤏Drag and drop to insert subworkflows into current flow.
  • 🗂️Organize workflows with folders (tags are deprecated, please use folders to organize)
  • 📂Save and sync all your workflows in a local folder (by default under /ComfyUI/my_workflows customize in Settings)
    • Save workflow by pressing the 💾 button, or ⌨Shift+S shortcut (customize in Settings).
    • Every time you save, it will create a new record in Version History. You can easily revert to any version.
    • Enable/disable autosave workflow (please disable autosave if you are experiencing UI slowing)
    • You can move files using OS File Explorer and it will be two-way synced with workspace.
  • 🕛Version control of workflow, create/switch versions
  • Bulk import workflows into your workspace
  • 1click download all your workflows into a .zip

🔮Models manager:

  • 1click install models from civitai to models/ subfolder of the matching model type
  • Browse installed models with thumbnail image
  • drag and drop to insert "load model_type" node into workflow

🖼️Image Gallery: Every image/video you generate will be saved in the gallery of the current workflow. You can set any image in the gallery as the cover photo of the workflow

  • Dark/light mode
  • cloud sync & backup workspace so you will never lose your data (Upcoming!)
  • [beta!]One-click share workflow

Recommend using Chrome browser for the best experience. Safari doesn't work well. Edge or firefox should be fine too.

中文版教程       Roadmap

Updates

🦄v2.0 Two-way sync with local folder, models manager support external models path like Automatic1111, cloud sync workflows

v2.0 demo: https://youtu.be/7Hht_BMe844

v1.7 ComfyUI model manager, view your installed models, install models from civit ai, open workflow in multiple browser tabs

<img width="700" alt="Screenshot 2024-02-02 at 5 51 13 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/86dc9007-c45c-4b7b-b74a-76ddc93c89a8"> <img width="400" alt="Screenshot 2024-01-23 at 12 27 34 AM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/3b543024-3a6b-4fca-9980-e535d83e206e"> <img width="200" alt="Screenshot 2024-01-23 at 12 26 56 AM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/d29d0831-a15a-4597-acf6-facee4dbc76e">

Usage

switch between flows:

<img src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/11543a0f-6cc4-41fb-8666-772ab9a2cfe6" width="500">

🤏drag and drop to insert sub-workflow:

<img src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/7540c45b-be51-4428-8558-96adcc1024c8" width="480">

Bulk import flows:

<img width="400" alt="Screenshot 2024-01-02 at 10 22 45 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/884c8852-73c7-41d6-9179-7fb1fcea9d04">

Workflow operations: Manual Save, Download, Discard unsaved changes:

<img width="500" alt="Screenshot 2023-12-29 at 9 59 57 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/88c82672-ebf2-4feb-bf5b-74b447843c2c">

How do I save my workflow?

Save your workflow by either clicking the 💾 floppy disk icon button or ⌨Shift+S shortcut (customize this shortcut in Settings) Every time you save, it will create a new record in Version History. You can go back and switch versions in version history like git.

<img width="350" alt="Screenshot 2024-01-23 at 12 22 22 AM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/cc4eb504-6a65-44af-ad7f-d4a8b4ac7b9a"> <img width="300" alt="Screenshot 2024-01-23 at 12 23 21 AM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/041c2da8-d8cf-46b7-b9d8-45b415e764f8">

By default, We also enabled auto-saving your current workflow as a cache in case you forgot to save it manually. It may affect UI performance, if you experience UI lagging, ‼️‼️you can disable auto-saving in Settings:

<img width="297" alt="Screenshot 2024-01-23 at 12 37 37 AM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/9ca0a63e-ddae-4436-a374-6ef0276c23fb"> <img width="402" alt="Screenshot 2024-01-22 at 2 33 00 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/061a8463-f7e6-4985-9516-8117d7a5edd5">

Where are my workflow and workspace data stored?

🗂️All your workflows are saved in a folder in /ComfyUI/my_workflows, you can change this path in settings.

<img width="360" alt="Screenshot 2024-01-02 at 10 22 45 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/4751b096-0886-4a32-95b1-87c7ce5b3787">

Other metadata (versions, gallery images) is primarily stored in your browser cache (IndexDB) and backedup in your disk under /ComfyUI/custom_nodes/comfyui-workspace-manager/db/. Press F12 or Inspect in right click browser menu, go to Application -> IndexedDB -> comfyui_workspace_db to see your data (workflows, version history, gallery, etc.)

If you switch browser, your will not see your previous metadata (version history, gallery images) in your new browser

<img width="607" alt="303892585-c04ca874-03f0-4569-9a40-d8453dd9b031" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/17097e17-743d-499f-8f86-0eb1193d0e46">

Looking for colaborators and coworkers to develop this ComfyUI project management tool. If you know React, Python or ML model deployment, please reach out to weixuanfu01@gmail.com We want to make it easy to manage, share and deploy ComfyUI project.

Upcoming Features

  1. 1-Click Install Models Often when you import a json workflow from online, it will show lots of missing nodes or models errors, we will provide easy one-click install for missing models from Hugging face and Civiti

  2. Modular Modern software development project are all modularized, the whole system is broken down into different modules. In ComfyUI each custom node is a module and should be self contained and easy to install and depend on from other modules. So that the modules (custom nodes) can be easily reused across projects. ➡️ We need something like web bundler, e.g. webpack, vite. This will make each custom node self contained and has a clear definition of its dependency.

  3. Multi workflow project Now you can only work on one workflow at a time, this limits the potential to build large scale workflows that consists multiple sub-workflows parts. Each workflow can be seen as a custom node. You should be able to easily convert one workflow into one custom node. You can reuse workflow/custom node across your project. ➡️ We need a cross workflow, project management tool, like VSCode editor

  4. Cloud running / easy deployment Right now you need to have python and GPU server up to run ComfyUI or Automatic111, that’s really painful for people who do not own a GPU. You should be able to run UI independently without paying for GPU💰. ➡️ Share and deploy your workflow to cloud in 1click and other people can easily run in browser using cloud GPU with no setup. It should be as easy as running Google Docs or Figma.

Beta Preview

We're constantly pushing new features in beta branch. Here is how to switch to beta branch to receive latest feature updates pre-launch! It requires you have some basic knowledge about command line and git.

  • Make sure you have git installed
  • Open your terminal, go to the ComfyUI folder (where you do python main.py)
  • in ComfyUI root directory, cd custom_nodes && cd comfyui-workspace-manager
  • inside custom_nodes/comfyui-workspace-manager, do git fetch origin beta && git checkout beta, you should see something like:
From https://github.com/11cafe/comfyui-workspace-manager
 * branch            beta       -> FETCH_HEAD
Switched to branch 'beta'
Your branch is up to date with 'origin/beta'.
  • Restart ComfyUI python server by python main.py

‼️ Be careful that beta branch can be unstable, so please please make sure you have backups for all your workflows! Before switching to beta, please make a copy of these folders somewhere:

ComfyUI/custom_nodes/comfyui-workspace-manager/db or the entire ComfyUI/custom_nodes/comfyui-workspace-manager/ folder

if anything goes wrong, you can always paste back these folders. Also, you should have your /my_workflows folder (workspace save directory) in safe place always

To revert back to main:

  • inside custom_nodes/comfyui-workspace-manager, do git checkout main, then restart your python server and you are back into main branch!

Credits

ComfyUI: https://github.com/comfyanonymous/ComfyUI

ComfyUI Browser: https://github.com/talesofai/comfyui-browser (Media display code for reference) And thanks to all custom node creators building the community!

Dev

  1. Clone ComfyUI git clone https://github.com/comfyanonymous/ComfyUI follow the install and setup instructions of ComfyUI README
  2. Clone Workspace Manager in /ComfyUI folder
cd custom_nodes && git clone https://github.com/11cafe/comfyui-workspace-manager.git
  1. npm install inside /ComfyUI/custom_nodes/comfyui-workspace-manager do cd ui && npm install this will install all node dependencies
  2. build and run inside /ComfyUI/custom_nodes/comfyui-workspace-manager/ui npm run build --watch this command will watch for your file changes and automatically rebuild, you just need to refresh to see your changes in browser everyting you change some code
  3. run ComfyUI server inside /ComfyUI do python main.py or python3 main.py depending on your version

IndexDB trouble shooting

If you see indexdb version mismatch error in console that looks like:

VersionError: The requested version (10) is less than the existing version (30)."
name
:
"DatabaseClosedError"

please delete indexdb manually F12 Dev tools -> Application -> IndexDB -> WorkspaceManagerDB <img width="460" alt="Screenshot 2024-01-21 at 11 21 55 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/adcde47f-c620-42ad-9367-e16e5be92be1">

and delete localstorage.WORKSPACE_INDEXDB_BACKFILL <img width="460" alt="Screenshot 2024-01-21 at 11 29 02 PM" src="https://github.com/11cafe/comfyui-workspace-manager/assets/18367033/f3c17034-c863-481a-8771-8e7e87bcee07">

only do this if you are a developer