内容提要
Figma to Qt 1.1 发布,新增 Live Preview 支持交互测试与实时编辑 QML 代码(改动不写回 Figma),支持 Qt 6.12 LTS 和 Qt for MCUs 2.12 LTS,覆盖高端与微控制器设备;Figma 约束转为 QML 锚点,椭圆和弧线转为原生 QML,并支持导出 SVG。
延伸解读
实时预览:设计阶段的交互测试
Figma to Qt 1.1 的 Live Preview 现在支持交互测试,按钮、滑块和开关都能在浏览器中直接操作,让设计师在 Figma 内就能验证交互效果。可编辑的 QML 代码视图允许实时调整颜色、尺寸等参数并立即看到预览更新,但所有修改仅停留在当前会话,不会写回 Figma 文件,确保设计源文件始终保持不变。
从高端到微控制器:统一工作流
1.1 版本将 Figma to Qt 的工作流扩展到微控制器领域,新增对 Qt for MCUs 2.12 LTS 的支持,同时高端设备支持 Qt 6.12 LTS。这意味着同一设计团队可以使用相同的 Figma 库,为旗舰产品和入门级产品生成代码,无需切换工具或流程,显著提升跨硬件平台的设计一致性。
更原生的 QML 转换:约束、椭圆与弧线
新版本将 Figma 约束转换为 QML 锚点,使响应式行为直接延续到实现中;椭圆和弧线现在转换为原生 QML 类型而非图片,提升性能并支持实时预览。此外,资源导出新增 SVG 格式,为矢量图形提供可缩放的高质量输出,适应不同分辨率需求。
Q&A
Figma to Qt 1.1 的 Live Preview 有哪些新功能?
Live Preview 现在支持交互测试,按钮可点击、滑块可拖动、开关可切换;还新增了可编辑的 QML 代码视图,可以实时修改颜色、尺寸等并看到预览更新。所有编辑仅保留在会话中,不会写回 Figma 文件。
Figma to Qt 1.1 支持哪些 Qt 版本和硬件平台?
支持 Qt 6.12 LTS(以及 Qt 6.10)用于高端 MPU 设备,并新增对 Qt for MCUs 2.12 LTS 的支持,覆盖微控制器项目,如家电、工业控制和车载仪表。
如何将 Figma 设计转换为适用于 Qt for MCUs 的代码?
在 Figma to Qt 插件中打开 Settings > Code,开启“Use Qt for MCUs compatible types”选项即可。
Figma to Qt 1.1 在 QML 原生转换方面有哪些改进?
Figma 约束现在转为 QML 锚点,椭圆和弧线转为原生 QML 类型而非图片,还新增了 SVG 导出格式(除 PNG 和 JPG 外),使矢量图形在不同分辨率下保持清晰。
Live Preview 中的编辑会保存到 Figma 文件吗?
不会。Live Preview 中的编辑仅保留在会话中,永远不会写回 Figma 文件,Figma 文件始终是唯一真实来源。
Figma to Qt 1.1 如何帮助团队满足 Cyber Resilience Act (CRA) 合规要求?
Figma to Qt 1.1 支持 Qt 6.12 LTS,这是 Qt 首个符合 CRA 的版本,因此从设计生成的代码可以针对该版本,为团队提供更强的合规基础。