功能全面的拖放式 LVGL 编辑器与 GUI 设计工具。
构建 LVGL 界面所需的一切
PicoPixel 是一款基于浏览器的可视化 LVGL GUI 设计工具,具备拖放式设计、实时协作、WebAssembly 驱动的实时模拟器以及可直接用于生产的 C 代码导出功能。为 ESP32、STM32、Arduino 及任何 LVGL 兼容平台设计嵌入式触摸屏 UI。
免费开始使用!功能
可视化拖放画布
将 LVGL 控件放置到像素级精准的画布上,并可视化地调整样式。实时调整颜色、字体、内边距和 Flex 布局。
实时协作
与团队同时编辑同一项目。查看彼此的光标、交流反馈、分享项目链接 — 如同面向嵌入式 UI 的 Figma。
实时 LVGL 模拟器
直接在浏览器中通过 WebAssembly 运行 LVGL,实时预览界面。这是真正的渲染引擎 — 而非静态效果图。
可复用资源库
将自定义控件、图片、字体和颜色保存到共享库中。拖放即可在任何项目中使用。
可视化事件编辑器
以可视化方式关联 LVGL 事件处理程序。将操作拖放到控件上 — 页面导航、样式更改、值更新 — 无需编写 C 代码。
可用于实际项目的代码导出
导出简洁的 LVGL C 代码(.c 和 .h 文件),无任何专有依赖。可在 ESP32、STM32、Arduino 及任何 LVGL 平台上编译。
可分享的预览链接
向任何人发送模拟器链接。他们可以在浏览器中与您的实时 LVGL 界面进行交互 — 无需账户。
基于浏览器 — 无需安装
无需桌面应用程序,无需授权加密锁。打开浏览器标签页即可开始设计。适用于任何操作系统。
内置版本控制
创建版本快照、恢复历史版本,并通过 Session Actions 查看每项修改,无需借助外部版本管理工具。
完整的可视化 LVGL GUI 设计工具
PicoPixel 是一款可视化拖放式 LVGL 设计器,让您直接在浏览器中设计界面,无需手写控件层级。无需编写数百行 C 代码来定位按钮、设置标签样式和绑定事件回调,您可以完全通过可视化方式完成这一切 — 完成后导出结构清晰、可用于实际项目的 LVGL 代码。
无论您是在构建智能家居面板、工业 HMI、手持设备界面,还是为新产品原型设计触摸屏 UI,PicoPixel 都能为您提供更快速地设计、预览和交付的工具。LVGL GUI 设计工具支持 ESP32、STM32、Arduino、Raspberry Pi Pico 及任何运行 LVGL 的平台。查看 PicoPixel 与其他 LVGL 编辑器的对比。
常见问题
PicoPixel 与 SquareLine Studio 有何不同?
PicoPixel 基于浏览器(无需安装),支持实时团队协作,并包含由 WebAssembly 驱动的实时 LVGL 模拟器。SquareLine Studio 是一款需要付费许可证才能用于商业用途的桌面应用程序。PicoPixel 的价格更为实惠,拥有额度充足的免费套餐和极具竞争力的付费套餐。如需详细的逐项对比,请参阅我们的LVGL 编辑器对比。
PicoPixel 支持哪些硬件平台?
PicoPixel 生成标准的 LVGL C 代码,可在任何已适配 LVGL 的平台上运行 — 包括 ESP32、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas 及基于 Linux 的系统。导出的代码可直接集成到您现有的固件项目中。
PicoPixel 生成什么代码?
PicoPixel 导出一个包含结构清晰、易于阅读的 LVGL C 代码(.c 和 .h 文件)的 zip 文件。输出包括控件创建、样式设置、布局和事件处理程序设置 — 全部使用标准 LVGL API 调用,无任何专有依赖。
PicoPixel 是免费的吗?
是的,PicoPixel 可以免费使用,且将始终如此。无需信用卡。自发布以来,PicoPixel 以超出预期的速度增长,我们对社区的热烈反响感到欣喜。付费套餐现已面向需要更大规模的团队和用户开放。免费 Community 套餐将继续提供充足的额度,包括核心编辑、实时模拟器、代码导出等功能。付费套餐仅适合需要更多存储、更多项目、更大团队和商业使用额度的用户。详情请参阅我们的完整常见问题。
我可以离线使用 PicoPixel 吗?
PicoPixel 是需要互联网连接的网络应用程序。它包含自动保存功能,因此即使连接中断,您的工作也受到保护。如果您希望看到离线支持,请告诉我们。
实时模拟器真的在运行 LVGL 吗?
是的。PicoPixel 将 LVGL 编译为 WebAssembly 并直接在您的浏览器中运行。您在预览中看到的是真正的 LVGL 渲染引擎 — 而非静态效果图或 CSS 近似效果。输出与您的目标硬件逐像素匹配。