User Interface

When you start Qt Design Studio, it opens to the Welcome mode, where you can:

  • Open recent projects
  • Create and open projects
  • Open tutorials and example projects
  • Read news from the online community and Qt blogs
  • Create or manage a Qt Account

You can use the mode selector to switch to the Design mode (1), where you will do most of your work and the Help (2) mode, where you can read the product documentation. The other modes are for more advanced use, and you are likely to need them less often.

Below the mode selector, you can find shortcuts to some more advanced functions, such as running the application or finding problems in the QML code by debugging or profiling it.

For macOS Users

Qt Design Studio uses standard names and locations for standard features, such as preferences. In this manual, the names and locations on Windows and Linux are usually used to keep the instructions short. Here are some places to check if you cannot find a function, dialog, or keyboard shortcut on macOS when following the instructions:

ForLook In
Edit > PreferencesQt Design Studio > Preferences
Help > About PluginsQt Design Studio > About Plugins
Keyboard shortcutsQt Design Studio > Preferences > Environment > Keyboard

Customizing the Menu

By default, top-level menu items Build, Debug, and Analyze are not visible. These menu items contain options for advanced functionality.

To toggle the visibility of these menu items:

  1. Go to Edit > Preferences.
  2. On the Environment tab, select Qt Design Studio Configuration.
  3. Clear the checkbox for the items that you want to be visible.

You need to restart Qt Design Studio to apply changes made to these settings.

Switching UI Themes

Themes enable you to change the appearance of the UI from dark to light, for example. To switch themes, select Edit > Preferences > Environment, and then select a theme in the Theme field.

"Interface settings"

Changing Languages

Qt Design Studio has been localized into several languages. If the system language is one of the supported languages, it is automatically selected. To change the language, select Edit > Preferences > Environment and select a language in the Language field. Select Restart Now to restart Qt Design Studio and have the change take effect.

High DPI Scaling

The operating systems supported by Qt Design Studio implement high dots-per-inch (DPI) scaling at varying levels. Therefore, Qt Design Studio handles high DPI scaling differently on different operating systems:

  • On macOS, high DPI scaling is forced, which means that Qt Design Studio allows Qt to use the system scaling factor as the Qt Design Studio scaling factor.
  • On Windows, if no scaling environment variables are set, Qt Design Studio instructs Qt to detect the scaling factor and use it for Qt Design Studio.
  • On Linux, Qt Design Studio leaves it to the user to enable high DPI scaling, because the process varies so much on different distributions and windowing systems that it cannot be reliably done automatically.

To override the default approach and always enable high-DPI scaling, select Edit > Preferences > Environment > Enable high DPI scaling. The changes will take effect after you restart Qt Design Studio.

Qt Design Studio caters not only to those users who like to use the mouse, but also to those who are more comfortable with the keyboard. A wide range of keyboard and navigation shortcuts are available to help you work faster.

Viewing Images

Qt Design Studio opens image files in the image viewer.

"Image viewer"

Use the toolbar buttons (1) or keyboard shortcuts to:

  • Export SVG images to pixmaps
  • Copy an image as a data URL, which enables you to include it in web pages as if it were an external resource
  • Switch between background and outline modes
  • Zoom in and out
  • Fit images to screen
  • Return to original size
  • Play and pause animated GIF and MNG images

Exporting SVG Images

If you have a freely scalable icon in the SVG format, you can export it to several images of different sizes to create a set of pixmaps.

Available under certain Qt licenses.
Find out more.