Getting Started

When you install Qt Design Studio, everything you need to start wireframing and prototyping UIs is installed and set up for you. You can move directly to learning about how to use the different Qt Design Studio views and menus and how to create a project that will contain your UI. Then, you can open examples and follow tutorials to create your first wireframe, prototype, and production-ready UI.
  • Installation

    Qt Design Studio is available either as a standalone installation package or as an option in the Qt online installer.

  • Your First UI

    Follow a set of hands-on tutorials that build on each other to design your first animated UI using preset and custom components.

  • User Interface

    Describes the parts and basic features of Qt Design Studio.

  • Creating Projects

    To wireframe or prototype an application, you need a project. Setting up a new project in Qt Design Studio is aided by a wizard that guides you step-by-step through the project creation process, creates the necessary files, and specifies settings depending on the choices you make.

    You can use wizards to create projects for the desktop or embedded Linux and Android devices. In addition, you can add individual QML files, components, and JavaScript files to your projects.

  • Use Cases

    Describes the main use cases of Qt Design Studio at a general level.

  • Concepts and Terms

    Describes main Qt Design Studio concepts and terms.

  • Examples and Tutorials

    A set of examples available in the Welcome mode illustrates how to use Qt Design Studio features such as the timeline. If you would rather be shown things than read about them, you can watch our extensive video tutorials.

Available under certain Qt licenses.
Find out more.