QtDesignStudio

What is Qt Design Studio

Qt Design Studio is a UI design and development environment that enables designers and developers to prototype and develop complex and scalable UI rapidly. Key items of the Qt Design Studio are

- It's a visual editor for QML user interfaces

- It works with commercial and open source Qt versions

- It used mostly by front-end developers and technical artists to create functional QML user interface layer for Qt applications.

For detailed information about Qt Design Studio, please refer to our online documentation at: https://doc.qt.io/qtdesignstudio/

Working with other tools

Qt Design Studio works seamlessly with other design tools. On the 2D side our main focus is compatiblity with the Figma throught our own Figma plugin, see more here: QtDesignStudio/FigmaPlugin.

Figma is not the only thing we support, there are other tools like PhotoShop and Sketch for example. Detailed information can be found here: QtDesignStudio/OtherBridges.

On the 3D side we are compatible with all leading file formats such as FBX, GLTF and Collada. Detailed information about compatibility with 3D tools can be found here: QtDesignStudio/3DTools.

You cannot do the whole application with Qt Design Studio, so you need to have Qt SDK to complete the work. Qt Design Studio exports a fully compilable CMake project which you can open for example in Qt Creator. If there are extra dependencies needed, Qt Design Studio will insert those into the CMake files.

Where to get it

Qt Design Studio is available as 100% free community edition as well as commercial version which contains components and features to improve your productivity.

You can get Qt Design Studio from following sources

1. Head to our Qt Design Tools webpage, and click the “Free Tech Preview Trial” button under 2D Feature Highlights. This will start you with a download link for your 10-day trial. You can always contact us if you want to extend the trial. This will give you the full commercial license. The free community edition can be found here.
2. Download offline installer from the Qt Account page (restricted access)
3. Build the Qt Design Studio from sources.

FAQ and Troubleshooting

New to Qt Design Studio, having issues with the tool ? Please take a look at our technical FAQs:

- CMake exporting issues: QtDesignStudio/CMakeExporter

- MCU related questions: QtDesignStudio/MCU FAQ

- The official Qt Design Studio manual is found here.

- You can find demos/examples and test data here.

Building and contributing

If you want to build the Qt Design Studio from sources, you need to get the sources first. You can get them from here. Qt Design Studio is based on Qt Creator. Please checkout the contribution guidelines: https://www.qt.io/community/contribute-to-qt

We have online version of the build instructions which you need to follow up to build your own version of the Qt Design Studio, the guide is here: QtDesignStudio/build QDS.

If you want to be part of the Qt Design Studio work, we welcome contributions with open arms. For open issues we have a bug tracker: here, please report all found anomalities through that link.

Qt Design Studio needs a special kit to operate, to make your Qt kit functional with Qt Design Studio it needs couple power-ups. For detailed instructions please see here: https://wiki.qt.io/Install_new_kit_to_Qt_Design_Studio#Qt_Version]

Release Notes

Here you can find the release notes of published Qt Design Studio versions.

• Qt Design Studio 4.6.0
• Qt Design Studio 4.5.1
• Qt Design Studio 4.5
• Qt Design Studio 4.4
• Qt Design Studio 4.3
• Qt Design Studio 4.2
• Qt Design Studio 4.1
• Qt Design Studio 4.0

Looking for older releases, please see QtDesignStudio/Releases/Archive

Release Blog Posts

Here you can the release blog posts for recent Qt Design Studio releases

• https://www.qt.io/blog/qt-design-studio-4.5.1-released
• https://www.qt.io/blog/qt-design-studio-4.5-released