Exporting Components

Components contained in UI files (.ui.qml) can be exported to JSON metadata format and PNG assets.

To export the UI files from the current project, select Build > Export Components.

The primary use of exported metadata and assets is to generate native file formats in content creation tools, such as Adobe Photoshop, using Qt Bridge. Qt Bridge for Adobe Photoshop can generate PSD files by importing the metadata and assets.

Components are exported as follows:

  • Components (QML types) inherited from Item are exported, other components are ignored.
  • Text components are exported as metadata only and no assets are generated.
  • Rectangle and Image components generate assets as PNG files.

Configuring QML Export

You can configure the export in the Export Components dialog, which lists the UI files (.ui.qml) of the current project.

"Export Components dialog"

  1. In the Export path field, specify the path where the metadata file and assets are exported.
  2. Deselect the Export assets check box to disable exporting assets and only generate the metadata file.
  3. Select the Export components separately check box to generate separate metadata files for each component.
  4. In the file list, select the .ui.qml files to be exported.
  5. Select Export export to start the export process.

Available under certain Qt licenses.
Find out more.