BETA ABIERTA

Crea interfaces LVGLarrastrando y soltando.

Diseña, prueba y exporta interfaces LVGL listas para producción

Empieza. Es gratis.
PicoPixel LVGL editor workspace preview

Edición colaborativa en tiempo real — deja comentarios, ve los cambios mientras ocurren y mantén tu equipo sincronizado.

¿Qué es PicoPixel?

PicoPixel es un editor visual de LVGL que funciona en el navegador. Arrastra componentes al lienzo, ajusta su aspecto y exporta código C listo para compilar en ESP32 y otras plataformas.

Piensa en ello como Figma para interfaces embebidas — colaboración en tiempo real, simulador integrado y sin necesidad de instalar nada. Explora todas las características o mira cómo funciona.

Usado por creadores en

Características principales

Todo lo que necesitas para diseñar interfaces LVGL

Un kit de herramientas visual completo para LVGL — desde diseño con arrastrar y soltar hasta exportación de código listo para producción.

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

Lienzo de diseño visual

Añade widgets a un lienzo LVGL con precisión de píxel. Ve cada cambio en tiempo real mientras construyes.

PicoPixel LVGL editor, version control history panel showing project checkpoints

Control de versiones integrado

Consulta cada cambio con el control de versiones integrado. El panel Actions te permite revisar el historial detallado y volver al estado que necesites.

PicoPixel LVGL editor, reusable component and asset library panel

Biblioteca de recursos

Widgets, imágenes, fuentes y colores reutilizables — arrastra y suelta para construir nuevas interfaces.

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

Comparte fácilmente

Envía enlaces del simulador a clientes o compañeros — pueden ver el progreso e interactuar con tu interfaz en vivo.

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

Editor de eventos

Arrastra y suelta manejadores de eventos en widgets y botones. Conecta acciones, transiciones y callbacks de LVGL sin escribir código.

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

Editor de animaciones

Anima la posición, el tamaño, la opacidad y otras propiedades en una línea de tiempo visual. Combina pistas y previsualiza transiciones fluidas de LVGL sin escribir código.

Compatible con Arduino, ESP32 y más

Arduino, compatible with PicoPixel LVGL editorEspressif, compatible with PicoPixel LVGL editorESPHome, compatible with PicoPixel LVGL editorM5Stack, compatible with PicoPixel LVGL editorAdafruit, compatible with PicoPixel LVGL editorLILYGO, compatible with PicoPixel LVGL editor

PicoPixel genera código C estándar de LVGL que compila en cualquier plataforma compatible con LVGL — incluyendo ESP32, STM32, Arduino, Raspberry Pi Pico y docenas de otros microcontroladores.

Cómo funciona

Del lienzo en blanco al código C listo para producción en tres pasos.

STEP 01
PicoPixel visual design canvas

Diseña

  • Widgets LVGL de arrastrar y soltar
  • Ajusta colores, fuentes y distribución
  • Anima en tiempo real
STEP 02
PicoPixel live LVGL simulator preview

Previsualiza

  • Simulador LVGL integrado
  • Enlaces de vista previa para compartir
  • Revisa con el equipo o clientes
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

Exporta

Hola, soy Ed.

cat ./about.md
Ed, creador de PicoPixel
nombre  Ed
rol  Programador

Desde mi etapa en una startup adquirida por Apple, donde trabajé en un par de prototipos de Watch, tenía ganas de volver a estar más cerca del hardware. Hace poco más de un año empecé por fin a construir el mío, y no encontré ningún editor LVGL que realmente disfrutara usar. Así que construí uno.

Hace poco dejé mi empleo para dedicarme a tiempo completo al hardware y a PicoPixel.

Si lo estás probando, me encantaría saber qué te parece: qué funciona bien, qué se puede mejorar y qué problemas inesperados has encontrado.

¿Nos vemos? →
Seattle/Shenzhen/Tokyo

Empieza a construir tu interfaz embebidagratis.

Sin tarjeta de crédito. Sin límites de tiempo. Salta directamente al editor visual LVGL y da vida a tus interfaces embebidas — ya sea que construyas para ESP32, Arduino, M5Stack o cualquier placa compatible con LVGL. Ver todas las características.