QtDesignStudio/FigmaPlugin: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
== What this is ==
== 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.
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.
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
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


Figma Bridge documentation:
* See it in action: https://youtu.be/jxmZxZSBj0Y?si=d96UQGRMnGo7msWJ
https://doc.qt.io/qtdesignstudio/figmaqtbridge.html
* 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:
* Figma Community page do download the Figma plugin: https://www.figma.com/community/plugin/1167809465162924409/qt-bridge-for-figma
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

Latest revision as of 14:02, 30 September 2024

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

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