38 lines
1.4 KiB
Markdown
38 lines
1.4 KiB
Markdown
## Workflow Graphics (ComfyUI)
|
||
|
||
Add static images to your ComfyUI canvas as non-executable overlay nodes. Useful for logos, watermarks, or visual guides inside your workflow.
|
||
|
||
### Install
|
||
- Place this folder (`ComfyUI_Workflow_Branding`) in `ComfyUI/custom_nodes/`.
|
||
- Restart ComfyUI.
|
||
|
||
### Node
|
||
- Category: `branding`
|
||
- Name: `Workflow Graphics`
|
||
|
||
### Usage
|
||
1. Add the node by searching for `Workflow Graphics`.
|
||
2. Open the node’s panel (double‑click the node or use the right‑side properties).
|
||
3. Paste an image as either:
|
||
- A complete data URL: `data:image/png;base64,...`
|
||
- Raw base64 (assumed PNG)
|
||
4. Adjust:
|
||
- `Scale (%)`: 0–100 of the image’s natural size
|
||
- `Opacity`: 0..1
|
||
- `Background Color`: any CSS color or `transparent`
|
||
- `Border Radius`: radius in pixels
|
||
5. Pin the node (ComfyUI pin) to allow click‑through over the canvas while keeping it visible.
|
||
6. Use the context menu item `Reload Workflow Graphics` if you manually changed the base64 and want to refresh.
|
||
|
||
Notes:
|
||
- This is a frontend‑only node; it does not participate in execution.
|
||
- The node size auto‑matches the displayed image dimensions.
|
||
|
||
### Dev helpers
|
||
In the browser console you can run `window.refreshBrandingImages()` to reload all Workflow Graphics nodes on the canvas.
|
||
|
||
### Support
|
||
If this saved you time, you can support development here: `https://ko-fi.com/pixelworldai`
|
||
|
||
|