Tutorials

Video tutorials

When you run Qt Design Studio, the Tutorials tab in the Welcome mode contains links to video tutorials. Select a tutorial to watch it on YouTube.

Written tutorials

You can follow a set of hands-on tutorials that 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 go through tutorials to learn to use Qt Design Studio. In particular, Login 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 tutorials, Qt Design Studio comes with examples that you can open from the Examples tab in the Welcome mode. For more information, see Examples.

Adding multi-language support to your project

Illustrates how to add support for multiple languages to your project.

Animated state transitions

Illustrates how to create animated state transitions.

Creating a C++ backend for a Qt Design Studio application

Illustrates how to create an application in Qt Design Studio and add a backend in Qt Creator.

Login UI: Components

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

Login UI: Positioning

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

Login UI: States

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

Login UI: Timeline

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

Particle System: The fire effect

Illustrates how to create a fire effect with the Qt Design Studio particle system.

Particle System: The rain and the snow effects

Illustrates how to create a rain and a snow effect with the Qt Design Studio particle system.

Setting up a 3D scene

Illustrates how to set up a 3D scene with, for example, lights, models, and materials in Qt Design Studio.

Timeline animation

Illustrates how to create timeline animations and bind them to properties in Qt Design Studio.

Available under certain Qt licenses.
Find out more.