Convert variables into design tokens
In Figma, variables store values that can apply to many properties and prototyping actions and make building designs, managing design systems, and creating complex prototyping flows faster.
Figma to Qt converts variables into QML modules called DesignTokens and creates a QML singleton for each variable collection. The modes of the collection become theme objects. The activeTheme property of a collection updates the property changes in the active theme.
When you bind a variable to a property of a layer, Figma to Qt adds the DesignTokens module import to the generated code and creates a property binding, as appropriate.
Note: Figma to Qt does not support remote variables. Setting the active mode on the page or layer does not affect the generated code.
To turn off conversion into design tokens, select 
(Settings), and then select Convert variables into design tokens.
The Code generation section in the Settings tab in the plugin.
See also Convert designs and Preview converted designs.
© 2024 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.
