Download converted designs

Once you're satisfied with the converted design, you can download the QML files, assets, and custom fonts to your computer. Figma to Qt creates a QML project with a .qmlproject project configuration file for you.

To download converted designs, select (Download) in the plugin.

The plugin Home tab.

Download font files

Custom font files are taken from the live preview, so you must connect to it and upload the missing fonts. Only fonts that you use in the converted layers are added to the ZIP file, even if you upload more fonts to the live preview. Fonts that are used in images or skipped pages and layers are not downloaded.

Create projects for Qt for MCUs

QML projects for Qt for MCUs differ slightly from standard QML projects.

To download converted designs for Qt for MCUs projects:

1. In the plugin, select (Settings).

   

   The Settings tab in the plugin.

2. In Assets, select Download font files to add font files to the ZIP file.
3. In Code generation, select Use Qt for MCUs compatible types.
4. Select Spark font engine for text rendering for internationalized applications that have complex scripts (such as Arabic, Hindi, or Thai) or bidirectional text or need dynamic text rendering.
5. Select (Download) to generate and download the ZIP file that contains the files, assets, and fonts.

Open the .qmlproject file in Qt Design Studio or Qt Creator for further development.

Create projects for Qt Design Studio

Qt Design Studio uses UI files that have the filename extension .ui.qml to separate the visual parts of the UI from the UI logic that developers implement in .qml files. You should edit UI files only in the 2D view in Qt Design Studio.

To download converted designs for further development in Qt Design Studio:

1. In the plugin, select (Settings).
2. In Assets, select Download font files to add custom font files to the ZIP file.
3. In Code generation > File extension, select .ui.qml.
4. Select (Download) to generate and download files with the extension .ui.qml.

Open the .qmlproject file in Qt Design Studio for further development.

The generated project opened in Qt Design Studio.