Getting Started

Typically, you as a designer would create artwork in imaging and design tools, such as Adobe Photoshop, Sketch, Blender, or Maya, and then send it to a developer for adding it to the application. With the Qt Bridge export tool, you can convert 2D assets into Qt Quick files. You can use the export functionality of 3D graphics tools to save your 3D assets in a format supported by Qt Design Studio. You can import the 2D and 3D assets 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.
  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 export 2D and 3D assets into 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. This is where you'll do most of your work.

  • 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.