Design Qt App In Photoshop

Setting Up Qt Bridge for Adobe Photoshop

You can purchase a Qt Bridge for Adobe Photoshop license from the Qt Marketplace, and then use the Qt Installer to have the Qt Bridge for Adobe Photoshop installation package copied to the following path in your Qt installation folder:

On Windows: Tools\QtDesignStudio\photoshop_bridge
On macOS: QtDesignStudio/photoshop_bridge.

Qt Bridge for Adobe Photoshop is delivered as an Adobe extension (ZXP) package and requires Adobe Photoshop version 20.0.0, or later to be installed. The Qt Bridge for Adobe Photoshop installation process differs depending on whether you use ZXPInstaller and whether you are installing on Windows or macOS.

Installing with ZXPInstaller

To use ZXPInstaller to install Qt Bridge for Adobe Photoshop:

Download and install ZXPInstaller.
Start ZXPInstaller.
Drag and drop the Qt Bridge for Adobe Photoshop ZXP package from Qt\Tools\QtDesignStudio\photoshop_bridge on Windows or Qt/QtDesignStudio/photoshop_bridge on macOS to ZXPInstaller.
Follow the instructions of the installation program.

Installing Without ZXPInstaller

The Qt Bridge for Adobe Photoshop installation process differs depending on the platform you are installing on.

Installing on Windows

To install Qt Bridge for Adobe Photoshop on Windows without using ZXPInstaller:

Copy the Qt Bridge for Adobe Photoshop ZXP package from Qt\Tools\QtDesignStudio\photoshop_bridge to the Documents directory in your user directory.
Open Windows PowerShell.

Enter the following commands:

                  cd "$env:UserProfile\Documents" mv .\io.qt.QtBridge.zxp .\io.qt.QtBridge.zip expand-archive .\io.qt.QtBridge.zip xcopy /E /I .\io.qt.QtBridge  "$env:APPDATA\Adobe\CEP\extensions\io.qt.QtBridge"

Installing on macOS

To install Qt Bridge for Adobe Photoshop on macOS without using ZXPInstaller:

Copy the Qt Bridge for Adobe Photoshop ZXP package from Qt/QtDesignStudio/photoshop_bridge to your Documents directory.
Open Terminal.

Enter the following commands:

                  cd ~/Documents unzip io.qt.QtBridge.zxp -d io.qt.QtBridge sudo mkdir -p /Library/Application\ Support/Adobe/CEP/extensions sudo cp -R ./io.qt.QtBridge /Library/Application\ Support/Adobe/CEP/extensions

Enabling Remote Connections

To set up Qt Bridge for Adobe Photoshop:

Once the installation is completed, restart Adobe Photoshop to make Qt Bridge for Adobe Photoshop appear in Window > Extensions.
Select Edit > Preferences > General > Plug-ins to enable a remote connection.
Select the Enable Remote Connections check box and enter a password in the Password field.
To test that the connection is working properly, start Qt Bridge for Adobe Photoshop and select the settings icon in the top right corner.
In the Password field, enter the password you entered in Adobe Photoshop and select Connect.
In the Export Path group, select the folder button to specify the location where Qt Bridge for Adobe Photoshop copies the exported files.
In the Asset format & scale group, select the default asset format (JPG, PNG, or SVG) and DPI to use for each layer.