Skip to main content
Participant
April 4, 2019
Question

create Qt UI with Photoshop

  • April 4, 2019
  • 2 replies
  • 7340 views

HEllo

I am new to Photoshop and Qt and I'd like to know how to create a Qt User Interface with Adobe Photoshop

I've heard it was possible, can you help me ?

This topic has been closed for replies.

2 replies

Participant
April 25, 2019

In order to generate UI's from your Photoshop File you will need both the Qt Bridge Plugin for Photoshop, an up to date version of Photoshop CC and Qt Design Studio (the plugin and PS for exporting your PSD's and Design Studio for importing them and developing the UI screens.) The plugin itself allows you to define how parts of your design should be interpreted by Design Studio and export your artwork assets. On import into Design Studio the exported metadata from the photoshop files will be converted in QML - Qt's declarative language used for creating UI's. You can sign up for an evaluation license here - Qt UI Design Tools and after installing the Design Studio package you will have the plugin as well. Instructions for setting up the bridge can be found here: Exporting Designs from Adobe Photoshop | Qt Design Studio Manual  and a Webinar focusing on how to use the plugin can be found here - From Photoshop to Prototype with Qt Design Studio {On-demand webinar} - YouTube 

Hope this helps somewhat

Brook  - Senior UX Designer for the Qt Company.

Nancy OShea
Community Expert
Community Expert
April 4, 2019

What is Qt?

Nancy O'Shea— Product User & Community Expert
alain-frAuthor
Participant
April 4, 2019

it's a sdk name Qt (or "Cute") with langage C++

Nancy OShea
Community Expert
Community Expert
April 4, 2019

When I think of UI/UX design, I think of  Adobe XD (Experience Design) and vector graphics created in Illustrator.

Download free Adobe XD | UX/UI design and collaboration tool

Nancy O'Shea— Product User & Community Expert