可视化拖放 LVGL 编辑器

可视化构建 LVGL 界面

协作共创。

设计、原型制作并导出可直接编译的 LVGL 界面 — 无需手写代码。

免费开始使用!
PicoPixel editor workspace showing a car dashboard UI design with speedometer and gauges PicoPixel typography panel showing font selection and sizing

实时协作编辑 — 留下反馈,实时查看更改,保持团队同步。

轻松创建和恢复不同版本。会话操作可跟踪控件的精细更改。

创建可复用的自定义控件,可拖放到现有或其他项目中。

可与团队成员或客户分享的实时 LVGL 仿真器。交互叠加层精确显示可点击和滚动的区域。

轻松创建多种字体,找到合适的大小后去除不需要的字体。

什么是 PicoPixel?

PicoPixel 是一款基于浏览器的 LVGL 可视化编辑器。将组件拖放到实时画布上,可视化地设置样式,并导出可在 ESP32 等平台上编译的 C 代码。

可以将它看作嵌入式 UI 的 Figma — 实时协作、内置仿真器,无需安装任何软件。探索所有功能或查看工作原理

核心功能

设计 LVGL GUI 所需的一切

完整的 LVGL 可视化工具包 — 从拖放布局到可直接编译的代码导出。

PicoPixel visual canvas with drag-and-drop widgets

可视化设计画布

将控件添加到像素级精确的 LVGL 画布上。构建时实时查看每一处更改。

Version control history panel showing checkpoints and revisions

内置版本控制

通过内置版本控制跟踪每一次更改。使用操作面板查看精细的会话历史和精确回滚。

Component library panel with LVGL widgets

资源库

可复用的控件、图片、字体和颜色 — 拖放即可构建新界面。

Code export panel showing generated LVGL C code

轻松分享

向客户或团队成员发送仿真器链接 — 他们可以查看进度并实时交互。

Events editor with drag-and-drop LVGL actions

事件编辑器

将事件处理器拖放到控件和按钮上。无需编写代码即可连接 LVGL 动作、过渡和回调。

兼容 Arduino、ESP32 等平台

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

PicoPixel 生成标准 LVGL C 代码,可在任何具有 LVGL 移植的平台上编译 — 包括 ESP32、STM32、Arduino、Raspberry Pi Pico 以及数十种其他微控制器。

简单工作流

工作原理

1

设计

将 LVGL 控件拖放到像素级精确的画布上。实时设置颜色、字体、布局和动画。

2

预览

在基于 WebAssembly 的内置 LVGL 仿真器中运行您的界面。与团队或客户分享交互式预览链接。

3

导出

下载为目标板优化的可直接编译的 C 代码。烧录后即可在硬件上看到完全相同的 UI。与其他 LVGL 编辑器对比

免费使用

开始构建您的嵌入式 UI — 完全免费。

无需信用卡。无时间限制。直接进入可视化 LVGL 编辑器,让您的嵌入式界面栩栩如生 — 无论您是为 ESP32、Arduino、M5Stack 还是任何兼容 LVGL 的开发板构建。查看所有功能