Do you want to know how your customers use your applications and devices? Try Qt Insight Beta.
最新版Qt 6.3已正式发布。 了解更多。
最新バージョンQt 6.3がご利用いただけます。 詳細はこちら

Qt Design Studio
The Composition Tool for Functional UIs

Qt Design Studio is a UI composition tool that turns design visions into functional products. It's also the best tool for adding visual magic to your UI design through animations, transitions, 3D, and visual effects.

Go beyond basic prototyping

When we talk about composing the UI, we are not just talking about creating a mock-up with the existing assets. With Qt Design Studio, your assets become a UI composition ready to function.

Import designs and turn them into code

Create UI designs with design tools like Figma, Adobe XD, or Adobe Photoshop. Import them to Qt Design Studio where the code for the new assets and designs is automatically generated and ready to be used by developers.

Test and run your UI anytime, anywhere

Simulate and validate interactions and dynamic behaviors. Instantly preview and fine-tune your designs to pixel perfection and test it on the target device. Everything built in Qt Design Studio is cross-platform by nature and can be compiled into any hardware or operating system environment.

More than a mockup tool

Qt Design Studio has features that transform your design into a fully functional user interface. It's no longer a click-through mockup. You can test, preview, and fine-tune your designs to pixel perfection live on the target device.

With one unified framework, one common language, fewer feedback loops, and faster iterations - with all this Qt Design Studio closes the gap between designers and developers. 

Say no to wireframing prototypes,

and yes to delivering exceptional and functional UIs

Utilize pre-made components or create your own

Save time and effort by using ready-available component libraries. Qt Design Studio's component libraries contain simple shapes and complex UI components to kickstart your UI creation. You can also create custom components from the UI assets imported from your favorite design creation tools like Figma or Adobe XD.

Using components

Create compelling animations

Qt Design Studio supports common motion design techniques for 2D and 3D, such as timeline and keyframe-based animation, screen-to-screen or state-to-state application flows, and data-driven UI logic animation. Build your timeline, create transitions between the UI states, and finetune with easing and animation curves - and so much more.

Animation techniques

Make your 3D assets outstanding

Import your 3D assets from tools like Blender or 3ds Max. Animate your 3D objects, add various materials, textures and shaders and alter their values to your liking. Add environments like light maps to set the right mood for your UI. Perfect scenes by adding visual effects like fire, rain, or mist.

3D materials

Create cinematic 3D scenes

Build cinematic experiences by controlling the camera angles and movement to your liking. Reach photorealism with effects such as life-like reflections. Make the 3D object react accurately to the changes in the environment or materials chosen. And while you are at it, why not take a step further and create your own custom effects and materials to make everything perfect?

More on 3D

Mix 2D and 3D together easily

Take your UI designs to a whole new dimension with native support for 2D and 3D graphics that you can mix and animate seamlessly. And no need to differentiate between 2D &3D. Instead, your UI can contain both types, and these assets can be used as controls if needed.

Importing 2D & 3D

Iterate fast using real hardware

Turn your designs quickly into interactive prototypes to validate and iterate the UI appearance and functionality on target hardware. Create the UI logic to simulate complex experiences and add dynamic behavior. The developer can then take your functional UI and integrate it into the rest of the application.

Validating with target hardware

The features that bring your UI design to life

Input methods

Use physical keyboard, mouse, custom hardware keys and touch screens with virtual keyboards and multi-touch gestures.

Visual Editors

Modify your 2D & 3D designs visually, with Qt Design Studio's intuitive setup, instantly familiar to users of other popular design software.

Merge productions from UI tools

Import assets from your existing design tools directly to the project in Qt Design Studio. We support all leading UI creation tools, such as Figma, Adobe XD, Sketch, and many more.

Timeline Animations

Use keyframe-based timeline animations to bring designs alive.

Customizable Visual Effects

Enhance your graphic designs with built-in and customizable visual effects.

Use 3D particles in your next-gen UI

Create and edit particle effects like fire or sparks directly in the tool.

Bring 3D elements into your design

Import 3D elements into your design easily. We support all leading 3D authoring tools like Maya, Blender & 3D Max, just to name a few.

3D Post-Processing FX

Utilize 3D post-processing features with different filters and effects for photorealistic visuals.

States Editor

Create, modify, and add transitions between the different UI states the user interacts with.

Flow Editor

Design the flows and transitions of how the user can navigate between the application views.

Scene Editor

Fine-tune your designs to pixel perfection with an advanced scene editor.

Editable Easing Curves

Consistently edit and define the speed and acceleration of your animations and define the animation easings freely.

Dynamic and Scalable Layouts

Scale as you like it: automatic changes in size or position of your UI elements to adapt to any screen size and resolution.

Prototype with JavaScript

Simulate Application Logic with JavaScript during the application design.

Latest news from the Design Sphere

Read more from our blog

Qt as a Career – The Versatility of Technical Artistry

In this series, we'll be bringing you a variety of career stories from...

Read more

Qt Design Studio 3.9 Released

We are proud to announce the release of Qt Design Studio 3.9.

Read more

Creating Controls from Figma Design

How to turn your Figma design into a working control set without any c...

Read more

Working with 3D graphics and visual effects in Qt Design Studio

To build delightful automotive experiences, designers need advanced to...

Read more

See for yourself

Start bringing your designs to life with Qt