This project's function is to utilize the API file exported by comfyUI, allowing users to customize the exposable parameters, and create a more concise and user-friendly interface for comfyUI - or a "facade", if you prefer. This allows ordinary users to effortlessly utilize comfyUI without being confused by the intricate interface and numerous parameters.
Installation:
npm installRunning：
npm run devCopy .env.example and rename it to .env.local. Replace the value of NEXT_PUBLIC_SERVER_ADDRESS with your actual ComfyUI server address.
Open your browser and visit http://localhost:3000 to access the simplified ComfyUI interface generated based on your settings.
visit http://localhost:3000/workflow to access the facade_editor.
-
Editing the Facade In the facade editor, you can paste the comfyUI workflow you want to edit into the editing box on the left. On the right, you can set the simplified facade name, function description, abbreviation, and parameters exposed to users. Parameter settings include parameter name, parameter type, parameter description, parameter default value, etc.
-
Save the Setting File After completing all the settings, click the save button, and you will get a JSON file. Rename this file to
<slug>_settings.jsonand place it in thepublic/workflowsfolder. -
Apply the Setting File In the
public/workflowsfolder, there is acomfyUIWorkFlows.jsonfile, which is used to launch all setting files. Add the information you obtained in the previous step to this file, and you can use the facade you just edited on the simple user interface.
You have obtained a comfyUI workflow (API format), edited it in the facade editor, and saved it as my_workflow_settings.json. Then, place it in the public/workflows folder. Next, open the comfyUIWorkFlows.json file and add the following content:
{
"slug": "my_workflow",
"name": "My Workflow"
}Now you can use the My Workflow you just edited on the simple user interface.