Examples and Tutorials

In the Welcome mode, you can open examples and tutorials that illustrate how to use Qt Design Studio.

Video Tutorials

The Tutorials tab contains links to video tutorials that provide more information about Qt Design Studio.

Qt Bridge for Adobe Photoshop Videos

For more information, watch a video tutorial and webinar about using Qt Bridge for Adobe Photoshop that are also accessible from the Tutorials tab of the Welcome mode:

  • Building an Instrument Cluster for Your Car HMI, Part 1

    You can access the Cluster tutorial source files in the Examples tab.

  • From Photoshop to Prototype with Qt Design Studio

Qt Bridge for Sketch Tutorials

For more information, read the tutorials about using Qt Bridge for Sketch that are also accessible from the Tutorials tab of the Welcome mode:

Examples

The Examples tab lists examples about using Qt Design Studio.

Cluster Tutorial

Contains sources for the Cluster Tutorial videos.

Coffee Machine

Illustrates how to use the timeline and states to animate transitions in a UI.

E-Bike Design

Illustrates how to use the timeline and states to animate transitions in an application.

Log In UI - Part 1

Illustrates how to use wizard templates to create a simple UI that contains a text label, push buttons, and a logo.

Log In UI - Part 2

Illustrates how to position UI components on pages using anchors and positioners.

Log In UI - Part 3

Illustrates how to use states to create a second UI page.

Log In UI - Part 4

Illustrates how to use the timeline and states to animate UI components.

Optimal 3D Scene

Contains project files for the Optimal 3D Scene.

Progress Bar

Illustrates how to use timelines to create an animated progress bar.

Side Menu

Illustrates how to create reusable components and an animated menu for applying effects.

Webinar Demo

Contains sources for the From Photoshop to Prototype video tutorial.

Available under certain Qt licenses.
Find out more.