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
Built with Qt — Drone/Unmanned Autonomous Systems (UAV) Ground Control Station
Built with Qt — Drone/Unmanned Autonomous Systems (UAV) Ground Control Station

Qt Professional Services team supports NXP by optimizing QGroundControl mission planner (UAV) system to run...

Next Video
Qt 3D Studio 2.0 Overview {On-demand webinar}
Qt 3D Studio 2.0 Overview {On-demand webinar}

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