BETA 现已上线

终极拖放式LVGL 编辑器与 GUI 构建工具。

设计、原型制作并导出可直接编译的 LVGL UI

免费开始使用！

PicoPixel LVGL editor workspace preview

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

什么是 PicoPixel？

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

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

这些机构的创客都在使用

核心功能

设计 LVGL GUI 所需的一切

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

PicoPixel LVGL editor, visual canvas with drag-and-drop widgets

可视化设计画布

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

PicoPixel LVGL editor, version control history panel showing project checkpoints

内置版本控制

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

PicoPixel LVGL editor, reusable component and asset library panel

资源库

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

PicoPixel LVGL editor, code export panel with production-ready C code

轻松分享

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

PicoPixel LVGL editor, events editor with drag-and-drop action builder

事件编辑器

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

PicoPixel LVGL editor, animation editor with a keyframe timeline for Position, Size, and Opacity across layers and frames

动画编辑器

在可视化时间线上为位置、尺寸、透明度等设置关键帧。然后跨帧叠加动画并预览流畅的 LVGL 过渡，无需编写一行代码。

兼容 Arduino、ESP32 等平台

Arduino, compatible with PicoPixel LVGL editor

Adafruit, compatible with PicoPixel LVGL editor

LILYGO, compatible with PicoPixel LVGL editor

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

工作原理

从空白画布到可直接编译的 C 代码，三步完成。

STEP 01

PicoPixel visual design canvas

设计

拖放 LVGL 控件
设置颜色、字体和布局样式
实时添加动画

STEP 02

PicoPixel live LVGL simulator preview

预览

内置 LVGL 仿真器
可分享的预览链接
与团队或客户一起审阅

STEP 03

1 /* sprite.c */

2 lv_obj_t *scr = lv_scr_act();

3 lv_img_set_src(spr, &sprite);

4 lv_anim_start(&a); // idle

ui.cscreens.cactions.c

导出

结构清晰的 LVGL 源代码
烧录并在真实硬件上运行
与其他 LVGL 编辑器对比。

嗨，我是 Ed。

cat ./about.md

姓名 Ed

角色码农

自从在一家被 Apple 收购的创业公司工作并参与几个 Watch 原型之后，我一直想重新靠近硬件。一年多前我终于开始做自己的硬件，却找不到真正喜欢用的 LVGL 编辑器。于是我自己做了一个。

我最近离开了日常工作，开始全职专注于硬件和 PicoPixel。

如果您正在试用，我真心希望听到反馈：好的、坏的，以及那些奇怪的边界情况。

见个面？→

Seattle/Shenzhen/Tokyo

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

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