DESIGN

Create beautiful user interfaces

Jump to the details of Qt Design Tools
Learn more about how Mercedes Benz is using Qt in their digital cockpits
OPTIMIZED SPECIFICATION CYCLE

Turn your design into an interactive prototype

Watch your design turn into development-ready code and instantly preview it live on target hardware. Developers seamlessly implement your design code into the program logic.

DevMeister

I'm so sick of trying to guess what these specs mean.

DesignGuru

I hear ya, it’s a big pain trying to explain what we want the UI to do.

DaBoss

Stop whining! I just got @designguru access to the team’s UI design tools. ;) Don't worry. Be happy.

Writing
RAPID ITERATIONS

Close the gap between designers and developers

Break the cycle of painstaking feedback loops between designers and developers. Use unified design and development tools to turn design iterations from interruptions into contributions to the development process.

DesignGuru

Hey I have some new changes on those animated buttons...

DevMeister

Seriously, how many times are we going to tweak these?

DesignGuru

Chill out! I’ve uploaded the design code already. Check your repo.

Writing
Autodesk builds infrastructure design with Qt – Watch the video story.
RELIABLE PROOF-OF-CONCEPT

Execute your brand's design vision without compromise

Implement your UI concept straight from a sketch in your favorite design tool to a prototype and into the final product with animations and interactions just as you designed – pixel perfect.

DaBoss

How’s it progressing? Are we going to be able to get the UI to do what we planned?

DevMeister

Maybe you could ask @DesignGuru? Code is being prepared for me now.

DesignGuru

Don’t worry, you can tell the boss the UX will be delivered as promised. 🤞

Writing

Design Tools

Qt gives you the tools that make collaboration between designers and developers easier and more efficient than ever before! UI design has never been so easy and powerful!

Browse the Qt Design Tools design_tool_screenshots

 

Qt Design Studio

Easy-to-use design tool that lets designers import designs from Sketch and Photoshop to Qt, animate them, test them live on the target hardware, and turn them into QML code developers can use.

Qt 3D Studio

Powerful cross-platform 3D UI design and development tool that provides an efficient workflow for designers and developers from design to production.