Your First UI

You can follow a set of hands-on tutorials that build on each other to illustrate how to use the features of Qt Design Studio. Even if you plan to export your designs from a design tool, it is useful to first create a small UI from scratch to learn to use Qt Design Studio. In particular, Log In UI - Components describes the terms and concepts that you will run into when exporting designs with Qt Bridge.

Before you start, take a look at the following topics to familiarize yourself with the parts of Qt Design Studio in general, and the Design mode in particular: User Interface and Design Views.

In addition to these entry-level tutorials, Qt Design Studio comes with examples and video tutorials that you can open from the Examples and Tutorials tabs in the Welcome mode. For more information, see Examples and Tutorials.

Log In UI - Components

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

Log In UI - Positioning

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

Log In UI - States

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

Log In UI - Timeline

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

Available under certain Qt licenses.
Find out more.