Figma to Qt
Design, Preview, Code. Turn Figma Designs into QML Code Instantly
Plugin Preview
About this plugin
Qt has powered user interfaces on embedded devices for over 30 years, including automotive dashboards, appliance displays, medical devices, and industrial systems.Figma to Qt is the plug-in that keeps designers in control of the user experience, from first screen to final product. Figma to Qt converts your Figma designs directly to code. Every export is a working QML project you previewed, verified, and approved right in Figma.Most design-to-code tools, including AI tools, treat Figma as a source to extract from. Figma to Qt instead runs inside Figma.Preview your designs as a working interface, without switching tools or waiting for a developer.Catch conversion issues early, when they are still easy to fix.Hand off a working QML project, including interactive components and style decisions, that developers can open in Qt Creator, Visual Studio Code, or Qt Design Studio.Because Figma to Qt is a dedicated conversion tool rather than a generative one, the output is predictable and reliable. What you sign off on in Figma is what the developer receives.Learn more: qt.io/product/gui-design-figmaResources🕹️ Playground: Figma to Qt Playground — Medical HMI📖 Documentation: Figma to Qt — doc.qt.ioSupportIf you need support, please reach out through [email protected] or the Qt Account Support Center.
Plugin Details
| Version | 12 |
|---|---|
| Created | October 17, 2024 |
| Last Updated | May 27, 2026 |
| Category | Software development |
| Creator | Vikas Pachdha |
| Stats | 851 installs, 258 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:index.js
- Document Access:dynamic-page
- Network Access:
These domains are required to enable core plugin functionality, including WebRTC signaling, live preview services, error monitoring, and analytics.
- Editor Types:figma
- Allowed Domains:
- https://*.posthog.com
- https://*.qt.io
- https://live-preview-ws.qt.io
- https://live-preview.qt.io
- https://o205679.ingest.us.sentry.io
- wss://*.qt.io
- wss://live-preview-ws.qt.io
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code