QtDesignStudio/FigmaPlugin: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 2: Line 2:
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 transform your designs to applications with Qt Bridge for Figma
You can use Qt Bridge export plugin to convert your Figma projects into metadata format supported by Qt Design Studio.


What’s New in Qt Design Studio 4.6
The documentation for the metadata format that is used you can find here: https://www.qt.io/blog/qt-bridge-metadata-format.
 
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 microcontroller units.
 
You can use Qt Bridge export plugin to convert your Figma projects into metadata format supported by Qt Design Studio.


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
Line 21: Line 12:
* Read more about converting Figma designs to Qt Design Studio project: https://doc.qt.io/qtdesignstudio/qtbridge-figma-using.htm  
* 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
* 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

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

Retrieved from "https://wiki.qt.io/index.php?title=QtDesignStudio/FigmaPlugin&oldid=42894"