Qt Quick Designer | Qt Creator Manual
Description: A visual editor for QML files (.qml) and Qt Design Studio UI files (.ui.qml).

- Qt Creator Manual
- Qt Quick Designer
- Qt Creator Manual 13.0.1

Reference

# 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.

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.

Reference