Qt Design Studio

Collaboration between Designers and Developers

Qt Design Studio closes the gap between designers and developers. Now they can work simultaneously with one unifying framework, one common language, fewer feedback loops, and faster iterations.

TURNS DESIGNS INTO CODE

Design your UI assets in your favorite graphic design tool and import them to Qt. Code for the assets is automatically generated and ready to be used by developers.

ENHANCE YOUR UI

Bring your designs to life with animations made with Qt Design Studio's easy-to-use prototyping tools.

TEST DESIGNS LIVE

Instantly preview and fine-tune your designs to pixel-perfection and preview it on the target device.

Import from your favourite design tools
TECHNICAL FEATURES
Photoshop & Sketch

Import your UIs from Photoshop and Sketch to Qt.

Component Recycling

Turn your assets into QML components that can be reused in different projects. No code wasted!

Visual & Code Editor

Modify your designs visually or with QML - Qt's easy-to-use declarative language.

Customizable Visual Effects

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

Timeline-Based Animations

Timeline interface simplifies complex design animations.

Prototype with JavaScript

Simulate Application Logic with JavaScript during the application design.

Build Dynamic Layouts

Automatic changes in size or position of your UI elements to adapt to any screen.

BENEFITS
Powerful Framework

Rely on the tools you know and combine them with a powerful framework.

Reusable Components

Reuse your graphical assets across multiple projects to save time and maintain consistency.

Code Auto Generation

Easily generate code from your design and save time.

Custom Styles

Easy options to customize your controls for brand consistency.

Ready-Made Controls

Use our ready-made, native-looking UI elements instead of creating them from scratch

Qt 3D Studio

Cross-Platform 3D UI Design and Development Tool

Qt 3D Studio is a compositing tool where you import 3D models, images and other assets to create interactive presentations, UIs and applications.

Download Qt 3D Studio
Qt 3D Studio EDITOR

This WYSIWYG editor runs on Windows, Mac and Linux. You can import design assets from popular authoring tools such as Photoshop, Autodesk Maya and The Foundry MODO.

Qt 3D Studio VIEWER

Qt 3D Studio Viewer lets you test your design in action. You can also use the remote connection feature to connect to a device and immediately see design changes in real-time.

ARCHITECTURE

Extend Qt 3D Studio's architecture with plugins to suit your needs. All source code is available.

FEATURE HIGHLIGHTS
Asset import

Import your UIs from Maya, MODO, and Blender using FBX and COLLADA exchange formats.

Animation Keyframing

Keyframe animations for layers, 3D objects, cameras, and materials.

3D Post-processing FX

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

Scene Editor

Advanced scene editor: Fine-tune your designs to pixel-perfection.

Baked 3D Animations

Pre-computing 3D-renders for increased animation speed and processing.

Live Preview

Preview your UI on your target devices and track changes live.

Editable easing curves

Editable motion paths with ease-in, ease-out handles to fine-tune animations.