Qt Design Studio 1.0, a design and development environment for prototyping and building complex UIs, is now available for production use. Qt Design Studio had been available in beta since June 2018; it is part of Qt's development tools subscription service.
Qt Design Studio works with Adobe’s Photoshop tool. Developers can look at QML code while designers can have Photoshop designs quickly running on devices. QML is a declarative language for describing UIs in terms of visual components and how they interact with one another. Plans call for supporting other graphic design tools in the future.
Qt Design Studio's tools include:
- Qt Photoshop Bridge, for importing graphics designs from Photoshop and building reusable components.
- Time-based animations, via a timeline/keyframe-based editor for building animations without having to code. Multiple keyframes can be selected.
- Qt Live Preview, for previewing an application on desktop, Android, or Boot2Qt devices.
- Integration with Qt Safe Renderer, for including functional safety UI elements.
- Enhancements in the Property panel.
- Designs and code can be viewed side-by-side.
- Custom effects and shapes.
- Artboards can be created and mapped to components.