Watch how Qt shapes development with this on-demand webinar.

First Name
Last Name
Company Name
Your role
Send me news about Qt products and services.
Check out our privacy policy.
Error - something went wrong!

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


Previous Video
Low-End Digital Automotive Instrument Cluster {showcase}
Low-End Digital Automotive Instrument Cluster {showcase}

In volume products, it's all about reducing the bill of materials (BOM) cost and squeezing the juice out of...

Next Article
The future of QML
The future of QML

The QML language and engine face major new challenges and developments. In order to scale down to smaller a...