Getting Started

Typically, you as a designer would create artwork in imaging and design tools, such as Adobe Photoshop or Sketch, and then send it to a developer for adding it to the application. With the Qt Bridge export tool, you can convert your artwork into Qt Quick files. You can import the files into Qt Design Studio for editing, before you submit the UI to the developer for adding the functionality to the application.

The following image describes the workflow using Qt Bridge for Adobe Photoshop and Qt Design Studio:

The workflow consists of the following steps:

  1. Export your artwork from a design tool to Qt Design Studio.
  2. Create a project in Qt Design Studio and import your artwork to it.
  3. Create reusable components in the Design mode.
  4. Animate your design with the timeline and easing curve editor.
  5. Create interactions using states and connections.
  6. Preview your design in real time, on the desktop or on a mobile or an embedded device.

The following topics contain information that you'll need to find your way around Qt Design Studio:

  • Exporting Artwork from Design Tools

    Describes how to use Qt Bridge to export artwork into Qt Quick files that you can import to projects in Qt Design Studio.

  • User Interface

    Describes the parts and basic features of Qt Design Studio.

  • Editing QML Files in Design Mode

    Describes the parts and basic features of the Design mode.

  • Tutorials

    Describes how to use Qt Design Studio to create a simple animated UI with some basic UI components, such as pages, buttons, and fields. Some of the buttons can be used for moving between the pages.

Available under certain Qt licenses.
Find out more.