QtDesignStudio/FigmaPlugin

Qt Figma Bridge

This is the wiki page for Qt plugin for Figma. The plugin is used to convert Figma Designs to QML code that can be used in Qt applications.

You can use Qt Bridge export plugin to convert your Figma projects into metadata format supported by Qt Design Studio.

The documentation for the metadata format that is used you can find here: https://www.qt.io/blog/qt-bridge-metadata-format.

You need Qt Design Studio Enterprise license to import generated .qtbridge files. If you don’t have it yet, please go ahead and apply for free evaluation here: https://www.qt.io/product/ui-design-tools

• See it in action: https://youtu.be/jxmZxZSBj0Y?si=d96UQGRMnGo7msWJ
• Meet ‘How to Use Qt Bridge for Figma’ course in Qt Academy: https://www.qt.io/academy
• Read more about converting Figma designs to Qt Design Studio project: https://doc.qt.io/qtdesignstudio/qtbridge-figma-using.htm
• Figma Community page do download the Figma plugin: https://www.figma.com/community/plugin/1167809465162924409/qt-bridge-for-figma

What’s New in Qt Design Studio 4.6

Variables Support Import the variables table along with the Figma project to transfer theming and variant management from Figma to Qt Design Studio. Design systems can now flow directly into development, enabling faster integration. Qt for MCUs-friendly Export Validate that your Figma project is compatible with the Qt for MCUs, framework for microcontroller development.

Qt for MCU mode disables unnecessary export options and warns about unsupported elements before and after the export. Only MCU-compatible assets will enter your project, making life easier fordevelopers targeting Qt for MCUs.

You can learn more about how to use the Figma Bridge in the Qt for MCUs context here: https://wiki.qt.io/QtDesignStudio/MCU_FAQ