Examples

Qt Design Studio comes with a set of example projects. To see these, select Examples on the Welcome page when you run Qt Design Studio.

"Examples for download in Welcome mode"

To run an example project:

Select the example project to open it. Qt Design Studio makes all necessary downloads.
Select (Run) to run the example.

If there is an update available for an example project that you have installed, it is indicated by a yellow icon next to the example project name on the Welcome page. Select the icon to download the latest version of the example project.

Example documentation

Coffee Machine	Illustrates how to use the timeline and states to animate transitions in a UI.
Design Effects Demo	Illustrates how to use the Qt Design Studio Design Effects.
E-Bike Design	Illustrates how to use the timeline and states to animate transitions in an application.
Effect Composer example	Illustrates how to work with the Effect Composer effects.
Fresnel properties on materials	Illustrates how to work with Fresnel.
MCU Treadmill	Illustrates how to import and use the MCU Treadmill design from Figma to Qt Design Studio.
Material Bundle	Showcases the materials in Content Library and the real-time rendering capabilities of Qt Design Studio.
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 2D visual effects in Qt 5 projects.
Simple keyboard	Illustrates how to use a virtual keyboard in an application.
Washing Machine UI	Illustrates how to create a UI that can be run both on the desktop and on MCUs.
Webinar Demo	Contains sources for the From Photoshop to Prototype video tutorial.

Best practices Wireframing

Available under certain Qt licenses.
Find out more.