Convert designs
Figma to Qt converts Figma layers into QML types. To avoid conversion errors, follow the Design guideline.
To convert designs into QML code:
- In Figma, select one or more layers.
- In the plugin, select
(Preview).
The quick guide on the plugin Home page.
Check the converted design in the live preview.
A converted layer in the live preview.
If a Figma layer has properties that have no equivalent in QML, it is converted into an asset and an Image QML type is created for it. The plugin warns about these issues and offers fixes for some of them.
See also Render layers as images, Skip pages and layers, and Conversion issues.
© 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.
