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

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