在开发者构建之前，先在 Live Preview 中点击、拖拽并调整你的设计。将相同的工作流交付到旗舰触摸屏和微控制器上。并让你绘制的更多内容以原生 QML 形式返回。

你的设计在到达产品时，应当与你精心打造的样子完全一致，减少来回沟通，把更多时间留给真正重要的体验。这正是 Figma to Qt 的用途。它是一个内置于 Figma 的助手，帮助你在不离开画布的情况下设计 Qt 应用程序。全新的 1.1 版本更进一步。

此版本将 Live Preview 变成一个可以真正测试和把玩作品的地方，把 Figma to Qt 带到微控制器项目，并在设计内容上给予你更多自由。结果很简单：你在 Figma 中设计的更多内容，能够以你想象的方式到达设备。

1.1 中的新功能

在到达开发者之前测试你的设计

Live Preview 会在浏览器中直接渲染由你的设计生成的实际 QML。这是在不构建的情况下，最接近在设备上查看屏幕效果的方式。

在 1.1 中，预览具有交互性。按钮会响应点击，滑块可以拖动，开关可以切换，因此你可以在仍在设计交互时进行测试。你可以在仍处于 Figma 中时感受交互如何运作，并在开发者花一天时间构建之前发现那些不自然的交互。

更大的变化是可编辑的 QML 代码视图。它过去是只读的：适合检查生成了什么，不适合尝试新想法。现在你可以更改颜色、调整尺寸或尝试不同的值，并实时查看预览更新。把它当作一个草稿板。这是一种快速探索实现细节的方式，而不必把每个“如果……会怎样？”都变成开发者交接。"

Live Preview 中的编辑会保留在你的会话中。它们绝不会写回你的 Figma 文件，该文件仍然是唯一事实来源。你可以尽情实验。你的设计会保持你离开时的样子。

一个工作流，从高性能硬件到微控制器

大多数产品团队不会只为单一设备进行设计。他们为产品组合进行设计：全功率硬件上的旗舰产品线和低成本硬件上的入门级产品线，通常由同一个设计团队基于同一个 Figma 库构建。Figma to Qt 1.1 为这一范围的两端提供了一致的工作流。

在高端方面，1.1 在 Qt 6.10 之外新增了对 Qt 6.12 LTS（长期支持）的支持。如果你的旗舰产品运行在 MPU 上，可以使用 Qt 6.12 LTS 放心构建。Figma to Qt 现在可以面向 Qt 首个符合《网络弹性法案》（CRA）的 Qt 6.12，为你的团队提供更坚实的合规基础。

从你的设计生成的代码现在面向你的团队用于生产所依赖的版本，该版本满足《网络弹性法案》（CRA）的已知要求。

在入门级层面，Figma to Qt 现在支持 Qt for MCUs。家电、工业控制和车载仪表盘通常运行在微控制器上，而在此之前，这些项目一直处于 Figma to Qt 工作流之外。Figma to Qt 1.1 将该工作流扩展到微控制器，支持从 Qt for MCUs 2.12 LTS 开始。

要将你的设计转换为适用于 Qt for MCUs 的代码，请打开 Figma to Qt 插件中的 Settings > Code，并开启 Use Qt for MCUs compatible types。" like the image

无论屏幕是面向高端触摸屏还是入门级显示屏，你都以同样的方式在 Figma 中进行设计。