Qt Quick Designer

Use wizards to create Qt Quick projects that have boiler-plate code. Change the code in the Edit mode or use a separate visual editor, Qt Design Studio to open and edit UI files (.ui.qml).

Don't edit UI files in the Edit mode because it is easy to add code that Qt Design Studio does not support.

Opening Files in Qt Design Studio

If you have installed Qt Design Studio, and open a .ui.qml or a .qml file in Qt Creator, it asks you whether you would like to open the file in Qt Design Studio instead. Select Open in Qt Design Studio to open the file in Qt Design Studio.

To continue editing the file in Qt Creator, close the info bar.

To hide the question, select Do Not Show Again.

Editing Files in Qt Quick Designer

Enable the Qt Quick Designer plugin in Qt Creator for editing UI files. The functionality is restricted and not all Qt Design Studio features are supported.

To use Qt Quick Designer, switch to the Design mode when a ui.qml or .qml file is open.

{Qt Quick Designer}

For more information about Qt Qml, Qt Quick, and QML types, see the Qt reference documentation available online and in the Help mode.

For more information about using Qt Quick Designer, see Qt Design Studio Manual.

See also Create Qt Quick Applications, Create Qt Quick UI Prototypes, and Enable and disable plugins.

© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.