ComfyOnline
SD-PPP

SD-PPP: Use Photoshop as your A1111/ComfyUI's workspace

| QQ group | GitHub Repo stars


ppp for Professional Portal Protocol

Communicate between Photoshop and ComfyUI/SDWebUI/Forge

  • ✅ Multi layer supported (including text layer/image layer)
  • ✅ Multi document supported
  • ✅ Multi Photoshop supported
  • ✅ Work in specific region of your Document

I hope it can make Photoshop become the workspace of your SD/ComfyUI

SDWebUI/Forge

simple showcase

<img width=600 src="https://github.com/user-attachments/assets/b788c3f5-4ddc-460e-90de-93ff70c99307" />

ComfyUI

simple showcase

<img width=600 src="https://github.com/user-attachments/assets/d5d8f673-78d8-4d3f-9a7a-0a385b862951" />

workflows

| Lasso inpaint | Light Control | Regional Prompt | | -- | -- | -- | | <img width=200 src="https://github.com/user-attachments/assets/ec64430f-0e6d-41cf-9b62-99ea1d9ddf0d" /> | <img width=200 src="https://github.com/user-attachments/assets/1afd47be-dc76-4ab9-ac70-ab519050fe04" /> | <img width=200 src="https://github.com/user-attachments/assets/2e23d221-1f24-4e3f-acf4-124d3c4de7be" /> | | > OpenArt.ai | > OpenArt.ai | > OpenArt.ai | | | | > Liblib.art |

ComfyUI Nodes Manual

How to install

<details> <summary><b>ComfyUI</b></summary>
  1. Use ComfyManager to install sd-ppp or clone this repository into <your-comfy-directory>/custom_nodes

    <img width=800 src="https://github.com/user-attachments/assets/6f97d7a8-ccd3-4ebf-aee9-ce4390846a6e" />
  2. install Photoshop plugin

    1. by CCX:
      1. download .ccx in any SDPPP's nodes or ComfyUI's setting UI.

        <img width=300 src="https://github.com/user-attachments/assets/bb8f8bb1-d471-4317-96d7-48643cdf44df" /> <img width=600 src="https://github.com/user-attachments/assets/26d108a1-cad3-46d1-ba7d-294a5e57c6d1" />
      2. [option1] double click the .ccx file if you have Adobe Creative Cloud.

      3. [option2] rename .ccx to .zip and extract it into photoshop's Plug-ins directory or Plug-ins/Generator directory like this.

    2. by UXP develop Tool (you can debug the code this way):
      1. clone this repository
      2. click Add Plugin in UXP Develop Tool by selecting photoshop/dist/manifest.json.
  3. connect to ComfyUI in Photoshop

    <img width=300 src="https://github.com/user-attachments/assets/89c40c4c-d70f-4bcf-b0e1-d8067cd40d9c" />

    If you cannot connect ComfyUI via https, use http instead

  4. add get/send node in ComfyUI

    <img width=600 src="doc/image/in-comfy.png" />
</details> <details> <summary><b>SD-WebUI or SD-Forge</b></summary>
  1. install in A1111's extension tab or clone this repository into <your-sd-directory>/extensions

    <img width=800 src="https://github.com/zombieyang/sd-ppp/assets/5595819/e19dc61a-0232-4fac-af61-5ba7c436a0eb" />
  2. install Photoshop plugin

    1. by CCX:

      1. download .ccx in any getting/sending dialog or in SDWebUI's setting tab.

        <img width=600 src="https://github.com/user-attachments/assets/785707f6-edc8-4a53-b0f7-52e4780cf4a4" />
        <img width=600 src="https://github.com/user-attachments/assets/82edecba-23fd-4dab-9027-214fbbdeed1e" />
      2. [option1] double click the .ccx file if you have Adobe Creative Cloud.

      3. [option2] rename .ccx to .zip and extract it into photoshop's Plug-ins directory or Plug-ins/Generator directory like this.

    2. by UXP develop Tool (you can debug the code this way):

      1. clone this repository
      2. [optional] Run npm install and npm build in photoshop directory. (if you want to debug or modify the code)
      3. click Add Plugin in UXP Develop Tool by selecting photoshop/dist/manifest.json.
  3. connect to Stable diffusion in Photoshop

    <img width=300 src="https://github.com/user-attachments/assets/89c40c4c-d70f-4bcf-b0e1-d8067cd40d9c" />
  4. Select a specific layer to get pictures from Photoshop in any image element.

    1. <img width=400 src="https://github.com/zombieyang/sd-ppp/assets/5595819/02f559d8-19e0-409e-a4f2-42928abb6548" />
    2. <img width=400 src="https://github.com/zombieyang/sd-ppp/assets/5595819/43c95692-8c73-44ba-a516-78d3cb5e2e03" />
    3. <img width=400 src="https://github.com/zombieyang/sd-ppp/assets/5595819/da05e786-3562-4d43-b2c1-8783162c6fd7" />
  5. select a specific layer to send pictures to Photoshop

    1. <img width=400 src="https://github.com/zombieyang/sd-ppp/assets/5595819/60864fea-2ef0-4ada-8aca-4db3cf44598e" />
</details>

Tutorial

| Author | Link | | -- | -- | | zombieyang | =>BiliBili | | zombieyang | =>Youtube | | BlueBomm | =>BiliBili | | 猫咪老师 |=>Xiaohongshu|

Thanks

@AbdullahAlfaraj @tianlang0704


attention: only PS 24.4.0+ is supported by now.