Implementing Applications

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 wireframing, prototyping, and validating UIs with very little effort.

You can use the Code view to edit your component files (.qml). If you use JavaScript, you can debug and profile your UIs to find and fix problems in them.

  • Designer-Developer Workflow

    In Qt Design Studio projects, you work on UI files (.ui.qml), while developers work on the .qml and C++ source files in Qt Creator to create an application that you can build and run on target hardware.

  • Coding

    You can use the code editor in the Code 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.

  • Debugging and Profiling

    Qt Design Studio comes with a JavaScript debugger. In the Debug mode, you can inspect the state of your UI 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 UIs.

Available under certain Qt licenses.
Find out more.