Subnavigation

FIGMA TO Qt

The Fastest Way to Bring Figma Designs to the Product

What looks perfect in Figma doesn’t always work on the real product. That’s because devices have limits, and designers and developers often work apart. Figma to Qt is the plugin that helps you reduce iterations and ensure your design comes to life.

Download the Public Beta From Figma Community Contact Us

Design GUIs for Real Devices

Catch Design Issues Early

As you create GUI components in Figma, the plugin checks them and highlights possible limitations, such as oversized assets or unsupported properties.

Whether it’s a motorcycle cluster, a washing machine display, or any other device interface, you can make adjustments early and hand off designs that are ready for development.

GUI Design Handoff to Developers

Hand Off Real Code, Not Just Static Files

Your Figma design is converted into clean QML code that is optimized for embedded devices.

Instead of sharing PDFs or Figma prototype links, you provide a working interface that developers can open directly in Qt Design Studio, Qt Creator, or Visual Studio Code.

As you collaborate with developers, this gives them a solid foundation to start with. It eliminates guesswork, saves time, and ensures your design intent matches the final product.

Review Design and Code Side by Side

Align Design and Code Without Misunderstandings

Figma to Qt gives you a working interface to preview in the browser, not just a prototype. Your design comes to life with the generated QML code.

Designers stay focused on visuals, and developers on code. This makes reviews smoother, avoiding endless back-and-forth and speeding up decisions on how to deliver a great experience.

Get started with Figma to Qt

Access the Public Beta and Start Bringing your Figma Designs to Life

Try Figma to Qt Now Contact Us

Playground Project

Gain hands-on experience with the full Figma to Qt workflow using an actual washing machine control interface.

Launch in Figma

User Guidelines

A comprehensive guide for using the Figma to Qt plugin. The guide covers best practices to ensure efficient design-to-development handoff.

Open in Figma Community

Documentation

Check the full Figma to Qt documentation covering the whole workflow from Figma design to working QML code.

Read the Documentation

FAQ

Figma to Qt is now in Public Beta. Check our Frequently Asked Questions to learn more about how it works.

What is Figma to Qt?

Figma to Qt is a plugin for Figma developed by Qt. It allows designers to create Figma designs for Graphical User Interfaces (GUIs) and Human-Machine Interfaces (HMIs) that are ready for deployment on the target embedded device. With Figma to Qt, designers are confident that their GUI design vision is delivered to the final product with minimal changes and iterations.

How do I get Figma to Qt?

Figma to Qt can be downloaded from the Figma Community. It is free to try and use.

Is Figma to Qt Free?

Yes, Figma to Qt is currently in public beta, it’s completely free, and you only need a Figma license to download and use it. However, you will need an open-source or commercial Qt developer license if you want to use the project exported from the GUI design in Figma for development and deployment.

What Figma license do I need to use Figma to Qt?

You can use Figma plugins, including Figma to Qt, with any type of Figma license. You don't need a paid license to use Figma plugins that are registered in Figma Community.

Is Figma to Qt the same as the Qt Bridge for Figma?

Figma to Qt is the next evolution of Qt Bridge for Figma. It is a separate plugin with new and improved capabilities to prepare your GUI design for embedded devices. Qt Bridge for Figma will be supported until the end of 2028, as Figma to Qt will eventually replace it in the long run.

I am using Qt Bridge for Figma, do I get Figma to Qt automatically?

Figma to Qt and Qt Bridge for Figma are two separate plugins. Figma to Qt features new and improved capabilities to prepare your GUI design for embedded devices, and it is available for download and use from Figma Community. If you'd like to continue using Qt Bridge for Figma, you can do so following your current workflow. We will support Qt Bridge for Figma until the end of 2028.

Does Figma to Qt support automatic code generation in languages besides QML?

Figma to Qt generates QML code from your GUI design in Figma. We are exploring the possibility of making the code compatible with other languages after the release.

Do I need Qt Design Studio to use Figma to Qt?

You don't need to. The QML code generated by Figma to Qt can be used with Qt Design Studio or any Integrated Development Environment (IDE), including Qt Creator, Visual Studio Code, and others. Qt Design Studio is just one option.

What Qt version should I have to use Figma to Qt?

You do not need a Qt license to download and use Figma to Qt, but you will need an open-source or commercial Qt developer license if you want to use the project exported from the GUI design. In that case, Figma to Qt will be supported starting from Qt 6.10.

Latest News on Design Tools

Atomic Design Systems: Why the Labels Don’t Matter

Atomic design systems have emerged as a methodology for creating scala...

Qt Design Studio 4.8.1 Released

2D vs 2.5D vs 3D User Interfaces for Modern Device Design

Choosing between 2D, 2.5D, and 3D user interfaces for embedded devices...

Get started with Figma to Qt

Try Figma to Qt Now Contact Us