Figma to Qt

About

Convert Figma designs into QML code and preview the converted design. Optimize your code for the selected target platform based on feedback from the plugin.

Download the converted code and open it in a design or development tool to test the UI on the target platforms and to continue application development.

To learn more about Figma to Qt, see Overview.

HOW TO

Convert designs

Apply auto layout
Convert into Qt Quick Controls
Convert masked layers
Convert variables into design tokens
Fix conversion issues
Render layers as images

Preview converted designs

Browse files
Inspect converted designs
Pan and zoom
Upload fonts

Solve connection issues

Download converted designs

Annotate layers
Generate CMake configuration files
Save assets
Set application start screen
Skip pages and layers

Installation

© 2026 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.