Subnavigation

FIGMA TO Qt

实现Figma设计到终端产品的极速转化

Figma中的完美设计未必能在真实设备上流畅运行，这源于硬件性能限制与跨职能团队协作壁垒。Figma to Qt插件通过减少迭代次数确保设计精准落地。

从Figma社区下载公开测试版

为真实设备设计GUI

及早发现设计问题

当设计师在Figma中创建GUI组件时，插件将实时检查并高亮潜在问题，例如资源尺寸过大或不受支持的属性。

无论是摩托车仪表盘、洗衣机界面还是其他设备交互设计，均可提前调整并交付开发就绪的设计方案。

向开发者无缝交付GUI设计

交付真实代码，而非静态文件

您的 Figma 设计将被转换为简洁的 QML 代码，并针对嵌入式设备进行优化。

设计师将交付可直接运行的交互界面（支持在Qt Design Studio、Qt Creator或Visual Studio Code中直接打开），替代传统的PDF文档或Figma原型链接。

这为开发团队提供了坚实的协作基础，既能消除设计还原的猜测成本、节省开发时间，又能确保设计理念与最终产品的高度一致性。

并行审查设计与代码

实现设计与代码的无歧义对齐

Figma to Qt提供可在浏览器中预览的可交互界面，而非单一原型。通过生成的QML代码，您的设计能够实时呈现动态效果。

设计师专注视觉设计，开发者聚焦代码实现。这种模式使评审流程更顺畅，避免循环修改，加速打造卓越用户体验的决策流程。

立即体验Figma to Qt

加入公开测试，让Figma设计精准落地

立即尝试Figma to Qt Now

实战示例项目

通过真实的洗衣机控制界面项目，完整体验Figma to Qt工作流。

在Figma中启动

用户指南

提供Figma to Qt插件的完整使用指南，涵盖实现高效设计交付的最佳实践。

在Figma社区打开

技术文档

查看从Figma设计到可运行QML代码的完整工作流文档。

查看文档

常见问题

请查阅以下常见问题，了解更多详情。

什么是 Figma to Qt？

Figma to Qt是由Qt官方开发的Figma插件。该工具使设计师能够创建可直接部署在目标嵌入式设备上的图形用户界面（GUI）与人机交互界面（HMI）设计。通过Figma to Qt，设计师可确保其GUI设计理念以最少的修改次数和迭代周期精准落地至最终产品。

如何获取Figma to Qt？

Figma to Qt可从Figma 社区直接下载。该工具可免费试用和使用。

Figma to Qt是否免费？

是的，Figma to Qt目前处于公开测试阶段，完全免费使用，仅需持有Figma许可证即可下载使用。但若要将Figma中导出的GUI设计项目用于开发和部署，您需要拥有开源版或商业版的 Qt 开发者许可证。

使用Figma to Qt需要哪种Figma许可证？

您可使用任何类型的Figma许可证Figma社区注册的所有插件，Figma to Qt插件亦不例外。注册在Figma社区中的插件无需付费许可证即可使用。

Figma to Qt与Qt Bridge for Figma是同一个工具吗？

Figma to Qt是Qt Bridge for Figma的升级版本。这是一款具备全新增强功能的独立插件，专为嵌入式设备GUI设计而生。Qt Bridge for Figma将支持使用至2028年底，未来将被Figma to Qt全面取代。

正在使用Qt Bridge for Figma会自动获得Figma to Qt吗？

Figma to Qt与Qt Bridge for Figma为两个独立的插件。Figma to Qt具备全新的增强功能，可优化面向嵌入式设备的GUI设计，现已在igma社区开放下载使用。若您希望继续使用Qt Bridge for Figma，仍可沿袭现有工作流程。该插件将持续获得技术支持直至2028年底。

Figma to Qt是否支持QML之外的语言自动生成代码？

Figma to Qt可将Figma中的GUI设计转换成QML代码。我们正在探索正式版发布后兼容其他语言的可行性。

使用Figma to Qt必须安装Qt Design Studio吗？

非必需。Figma to Qt生成的QML代码可在Qt Design Studio或任何集成开发环境(IDE)中使用，包括Qt Creator、Visual Studio等。Qt Design Studio仅为可选工具之一。

使用Figma to Qt需要什么版本的Qt？

下载使用Figma to Qt无需Qt许可证；但若要将GUI设计导出项目用于开发和部署，则需要开源版或商业版Qt开发许可证。此类情况下，Figma to Qt将从Qt 6.10版本开始提供支持。

关于设计工具的最新消息

GUI for Embedded Applications: Expert Design Insights & Trends

Modern embedded devices are ubiquitous, found in a wide range of appli...

Design Handoff to Developers: How to Stay True to Your Original Vision

The design handoff process - transferring design vision from the desig...

Atomic Design Systems: Why the Labels Don’t Matter

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