• 正文
  • 相关推荐
申请入驻 产业图谱

Figma 稿直接变成嵌入式 UI 工程?

09/23 08:00
298
加入交流群
扫码加入
获取工程师必备礼包
参与热点资讯讨论

近期,NXP 正式发布了 GUI Guider v2.0.1,对齐 LVGL 9.4.0 与 MCUXpresso SDK 26.03.00,而且——依旧免费。

下载与文档:https://www.nxp.com/GUI-GUIDER

需要说明一下版本关系:2.0.0 是这一代的大版本(2026 年 6 月底 GA),2.0.1 是在其之上的维护版本;今天这篇文章,我们介绍下 2.0.1 的新特性。

1. GUI Guider是什么

GUI Guider 是 NXP 推出的免费图形化 UI 设计工具,基于开源界最流行的嵌入式图形库 LVGL。

它提供拖拽式、所见即所得的设计环境,画好界面后直接生成 C 代码,无缝导入 MCUXpresso IDE、IAR、Keil 等主流工具链,覆盖 NXP 主流 MCU/MPU 系列——从 i.MX RT、MCX、RW,到 i.MX8ULP、i.MX91/93/943/95。

而 2.0.1,把这个体验往前推了一大步。

2. 这一代,值得说的 4 件事

2.0 这一代改了 9 个地方,但真正值得展开的是下面 4 组。

2.1 设计与开发打通:Figma 直通 + 流程图事件

Figma 设计稿直通工程

过去的设计交付:设计师甩过来一张标注图,工程师照着像素一个个对,为几像素的偏差来回扯皮。

现在,通过 NXP 官方的 "Figma to GUI Guider" 插件,Figma 设计稿可以直接导入并转换成 GUI Guider 工程,图层、控件、布局尽可能保留;在插件里还能查看自动映射结果、手动修正控件映射、导出工程 zip 后一键导入。

设计稿不再是"参考图",而是可以直接进入工程的可编辑资产。设计与开发之间那道存在多年的墙,被拆掉了一半。

一个目前要留意的限制:这个插件目前只支持 Windows。

流程图式可视化事件系统

界面好看只是一半,真正难的是交互逻辑。

2.0.1 的事件系统采用 Flow Chart 风格可视化表达:条件判断、动画、状态迁移都以节点和连线呈现,条件与动画支持复用。

复杂的多级菜单、状态机式交互,第一次变得直观且可调试——逻辑不对,看图就能定位,不用再在几百行回调函数里翻找。

2.2 全新 IDE UI + 实时渲染

全新 IDE UI

2.0.1 重构了整个界面:编辑区、控件树、属性面板都支持自定义布局,按自己的习惯随便排;从资源管理到属性配置,常用操作路径都变短了。

实时渲染 + 即时仿真

这是 2.0.1 最值得说的一项。新的渲染机制让 GUI 编辑器支持实时渲染:界面修改后即时预览,不必反复生成代码 → 切回 IDE → 编译烧录。

对于快速迭代 UI 原型和验证交互来说,这一项就能显著加快开发节奏,所见即所得。

2.3 界面即工程资产

JSON 编辑器 + 新项目结构 + 属性/样式升级:

更完整的属性/样式/状态配置能力,开发者可以按项目需要灵活启用和管理各类设置。

同时生成的代码结构也进一步优化,更易读、易集成、易维护——这对后续工程化至关重要。

全新项目结构

新的文件夹组织模型 + 项目 JSON 配置,工程目录更清晰,项目元数据管理更规范。对多人协作、功能扩展来说,这种结构可维护性明显更好。

在 JSON 编辑器里直接做 UI

除了可视化拖拽,现在支持直接在 JSON 编辑器里定义界面。

界面定义变成了可 diff、可脚本生成、可模板化管理的文本资产——自动化构建、量产项目的模板化配置,都有了抓手。

2.4 底层与生态:LVGL 9.4.0 + 硬件加速

图形库升级

底层升级到 LVGL v9.4.0,并可直接使用 LVGL 的 System Layer、Top Layer、Bottom Layer 分层能力——更复杂的界面组织和层次管理有了官方支持。

平台与生态

跟进 Zephyr 4.4 最新版本,工程集成与版本适配能力增强;持续支持 NXP 主流嵌入式产品系列:

MCX、RW、i.MX RT、i.MX;生成代码可直接导入

MCUXpresso IDE / MCUXpresso for VS Code / IAR / Keil / ARMGCC,无需推倒现有工具链;支持 PXP 和 VG-Lite 硬件加速——复杂动画和图层混合交给硬件,CPU 腾出来跑业务;MPU 侧配套 Linux BSP 6.18.2-1.0.0。

3. 总结

当 Figma 能直通工程、当事件逻辑变成可读的流程图、当 UI 定义成为可脚本化的 JSON——嵌入式界面开发,正在从手工艺走向工程化流水线。

对工程师而言,省下的时间可以真正花在业务逻辑和硬件加速优化上;对团队而言,设计与开发之间的协作成本被实实在在地砍掉了一截。

觉得有用的话,点赞、在看、转发三连,就是对我们最大的支持。

相关推荐

本公众号专注于嵌入式技术,包括但不限于C/C++、嵌入式、物联网、Linux等编程学习笔记,同时,公众号内包含大量的学习资源。欢迎关注,一同交流学习,共同进步!