Qt Bridge for Figma

About this plugin

Transform your designs to applications with Qt Bridge for Figma

1. Generate UI: Convert your Figma design to QML-based UI
2. Handover Seamlessly: Save time and effort through 1:1 matching reusable components 
3. Bring Design to Life: Add application logic, animation and 3D effects on top of imported Figma design in Qt Design Studio

What’s New

1. Variables Support: Import the variables table along with the Figma project to transfer design system and theming from Figma to Qt Design Studio.
2. Qt for MCUs-friendly Export: Validate that your Figma project is compatible with the Qt for MCUs, framework for microcontroller development. Qt for MCUs mode disables unnecessary export options and warns about unsupported elements before and after the export. 

Resources

1. 🎬 See it in action in webinar
2. 🎓 Meet ‘How to Use Qt Bridge for Figma’ course in Qt Academy
3. 📖 Read more about converting Figma designs to Qt Design Studio project in our documentation

Excited to bring your design to life? Get Qt Design Studio Enterprise license to import Figma file to Qt Design Studio. Go ahead and try free evaluation.

*For optimal performance, we recommend using Qt Bridge for Figma on the desktop version. If you experience any issues while using it in a browser, please consider switching to the desktop version for a smoother experience.*