.webp)
We are happy to announce the release of Qt Design Studio 3.1.
Qt Design Studio is a UI design and development tool that enables designers and developers to rapidly prototype and develop complex UIs. Qt Design Studio outputs a functional user interface as code so developers can use it as-is making integration and cooperation a breeze. To get an impression, you should watch this video.
For detailed information about Qt Design Studio, visit the online documentation page.
UX Improvements
The most obvious change might be that we hide the build, debug and analyze menus. Those menus together with the associated functionality can be brought back in the options for power users, but they do not anymore intimidate new users starting with Qt Design Studio. Nothing in the build menu is essential for Qt Design Studio and projects can be easily launched from the sidebar. With these changes we are shifting towards a more designer-friendly user experience.
Another large change was splitting the Library into assets and components. This is more consistent with the rest of the UI and allows more flexible layouts. For example components and assets can now be displayed in parallel. If you created custom workspaces, then you have to readjust your workspace and re-add assets and components. We also added more predefined workspaces. Those new workspaces are especially useful for new users, who are not already experienced with Qt Design Studio.
If a pure 3D scene is opened in Qt Design Studio, we now show the preview of the 3D scene in the form editor and in the states view. You can see this in the screenshot above. To the integrated text editor we added a search bar, that allows users to execute search and replace operations in the design mode. You can create folders and remove existing assets and folders from the asset library. In the component library, you can now open custom components, which makes it easier to find and edit the correct QML file for a component in the library.
Last but not least, downloading examples from the welcome page has been simplified and Qt Design Studio does remember examples that already have been downloaded.
Performance Improvements
We also significantly improved the performance, especially when switching between files and working on large files and projects. We looked at some large internal projects and identified and removed performance bottlenecks. Some data is now also cached when you switch from one file to another, which for complex files, makes it a lot faster until you see a preview of the scene.
Getting Started
As with the previous versions, Qt Design Studio 3.1 is also available as a free Community Edition that is part of the online installer. The Community and Professional Editions lacks Photoshop, Sketch, Figma, and Adobe XD bridges, that are included in the Enterprise Edition and also the Simulink integration and multi-language editor support.
Qt Design Studio 3.1 is available under Tools > Qt Design Studio 3.1.0 in the online installer.
You can find the latest online documentation for Qt Design Studio 3.1 here. The documentation is also available from inside Qt Design Studio.
The welcome page of Qt Design Studio contains examples and links to video tutorials to help you get started.
Of course Qt Design Studio contains many more bug fixes and small improvements. Please check the change log for more details.
Please post issues you find or suggestions you have in our bug tracker.
