From Photoshop to Prototype with Qt Design Studio {On-demand webinar}

September 12, 2018

Deploy your UI/UXs faster and easier with Qt Design Studio. Learn how to import design elements from Photoshop and turn them into QML code with UI/UX Designer Brook Cronin.

We will dive into the process of importing your .psd assets to Qt Design Studio and creating timeline-based animations. Follow the step-by-step instructions on how to turn your Photoshop assets into (re)usable UI design code (QML).

To code along, please download the following assets. 

Demo file from the webinar

  1. If you do not have a license, please download Qt Design Studio here
  2. Adobe Photoshop - download here
  3. Webinar assets for the webinar: 

    Artwork contains the PSD files to be loaded in Photoshop and the two fonts files (IBMPlexSans-Light *)

    DesignStudioWebinar contains the project demo file to be loaded in case you do not do not have Photoshop installed

    Snapshots contains the Qt Design Studio 1.0 pre-release snapshots for Windows and Mac


Qt Design Studio Blog Articles
Qt Design Studio Blog Articles

Qt UI Design Tools closes the gap between designers and developers so they can work simultaneously with one...

Next Article
Live Webinar: Qt 3D Studio 2.0 Overview (Wednesday, August 15, 2 pm CEST)
Live Webinar: Qt 3D Studio 2.0 Overview (Wednesday, August 15, 2 pm CEST)

Buckle up, for in this webinar, Sami will take you on a joyride to visit all the new features, improvements...


Contact us about using Qt for your UI design project

First Name
Last Name
Phone Number
Company Name
Your role
Send me news about Qt products and services.
Check out our privacy policy.
We will contact you shortly.
Error - something went wrong!