Advanced Topics

Qt Design Studio attempts to meet your needs, whether you have previous experience with QML, and coding or not. When you install Qt Design Studio, the default configuration allows you to start designing and previewing applications with very little effort.

However, you might want to use the Text Editor in the Design mode sometimes to edit your QML files or write some JavaScript to simulate application logic and bring your UI prototype to life. If you use JavaScript, you might also want to debug and profile you applications to find and fix problems in them.

You can also use special options to start Qt Design Studio from the command line and use it mainly from the keyboard.

  • Keyboard Shortcuts

    Qt Design Studio provides various keyboard shortcuts to speed up your development process. You can change the keyboard shortcuts, as well as import and export keyboard shortcut mapping schemes.

  • Coding

    You can use the code editor in the Design mode Text Editor view or in the Edit mode to modify QML code. The code editor understands the QML language as code, not just as plain text. This enables it to provide you with useful features, such as semantic highlighting, checking code syntax, code completion, and refactoring actions.

  • Simulating Application Logic

    You can use JavaScript to simulate application logic to bring your UI prototype to life.

  • Debugging and Profiling

    Qt Design Studio comes with a JavaScript debugger. In the Debug mode, you can inspect the state of your application while debugging.

    The memory and CPU power available on devices are limited and you should use them carefully. The QML Profiler enables you to profile Qt Quick applications.

Available under certain Qt licenses.
Find out more.