可视化拖放式 LVGL 编辑器。
构建 LVGL 界面所需的一切
PicoPixel 是一款基于浏览器的可视化 LVGL GUI 构建器，具备拖放式设计、实时协作、WebAssembly 驱动的实时模拟器以及可直接用于生产的 C code 导出功能。为 ESP32、STM32、Arduino 及任何 LVGL 兼容平台设计嵌入式触摸屏 UI — 抢先体验期间免费使用。
免费开始使用！可视化拖放画布
将 LVGL 组件放置到像素级精准的画布上，并可视化地调整样式。实时调整颜色、字体、内边距和弹性布局。
实时协作
与团队同时编辑同一项目。实时光标、反馈和共享项目链接 — 如同面向嵌入式 UI 的 Figma。
实时 LVGL 模拟器
在浏览器中运行的 WebAssembly 驱动的 LVGL 模拟器中预览您的 UI。这是真正的渲染引擎 — 而非模型展示。
可复用资源库
将自定义组件、图片、字体和颜色保存到共享库中。拖放即可在任何项目中使用。
可视化事件编辑器
以可视化方式关联 LVGL 事件处理程序。将操作拖放到组件上 — 页面导航、样式更改、值更新 — 无需编写 C code。
生产就绪的代码导出
导出干净的 LVGL C code（.c 和 .h 文件），无任何专有依赖。可在 ESP32、STM32、Arduino 及任何 LVGL 平台上编译。
可分享的预览链接
向任何人发送模拟器链接。他们可以在浏览器中与您的实时 LVGL 界面进行交互 — 无需账户。
基于浏览器 — 无需安装
无需桌面应用程序，无需许可证加密狗。打开浏览器标签页即可开始设计。适用于任何操作系统。
内置版本控制
创建检查点，恢复到任意版本，并通过 Session Actions 跟踪细粒度更改。无需外部 VCS 即可管理您的 UI 设计。
完整的可视化 LVGL GUI 构建器
PicoPixel 是一款可视化拖放式 LVGL 设计器，以现代的、基于浏览器的设计体验取代了手动编写组件树的方式。无需编写数百行 C code 来定位按钮、设置标签样式和绑定事件回调，您可以完全通过可视化方式完成这一切 — 完成后导出干净的、可直接用于生产的 LVGL 代码。
无论您是在构建智能家居面板、工业 HMI、手持设备界面，还是为新产品原型设计触摸屏 UI，PicoPixel 都能为您提供更快速地设计、预览和交付的工具。LVGL GUI 构建器支持 ESP32、STM32、Arduino、Raspberry Pi Pico 及任何运行 LVGL 的平台。查看 PicoPixel 与其他 LVGL 编辑器的对比。
常见问题
PicoPixel 与 SquareLine Studio 有何不同？
PicoPixel 基于浏览器（无需安装），支持实时团队协作，并包含由 WebAssembly 驱动的实时 LVGL 模拟器。SquareLine Studio 是桌面应用程序。如需详细的逐项对比，请参阅我们的完整对比。
PicoPixel 支持哪些硬件平台？
PicoPixel 生成标准的 LVGL C code，可在任何具有 LVGL 移植的平台上运行 — 包括 ESP32、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas 及基于 Linux 的系统。导出的代码可直接集成到您现有的固件项目中。
PicoPixel 生成什么代码？
PicoPixel 导出一个包含干净、人类可读的 LVGL C code（.c 和 .h 文件）的 zip 文件。输出包括组件创建、样式设置、布局和事件处理程序设置 — 全部使用标准 LVGL API 调用，无任何专有依赖。
PicoPixel 是免费的吗？
是的。PicoPixel 免费使用 — 包括商业项目。无需信用卡。PicoPixel 由一位独立开发者构建和维护，随着平台的发展和更多用户的加入，可能会推出付费计划以维持运营。始终会有免费层级。
我可以离线使用 PicoPixel 吗？
PicoPixel 目前需要互联网连接，因为它是一款基于浏览器的应用程序。离线支持是我们正在考虑的未来功能。
实时模拟器真的在运行 LVGL 吗？
是的。PicoPixel 将 LVGL 编译为 WebAssembly 并直接在您的浏览器中运行。您在预览中看到的是真正的 LVGL 渲染引擎 — 而非模型展示或 CSS 近似效果。输出与您的目标硬件逐像素匹配。