公测版现已上线

拖放设计，轻松上手LVGL 编辑器与 GUI 设计工具。

可视化设计界面、制作原型，导出可直接编译的 LVGL 代码

免费开始使用！

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

内置版本控制

内置版本控制会记录每次修改。在 Actions 面板中查看详细的编辑历史，并恢复到所需状态。

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 的开发板开发界面。查看所有功能。