BETA ACTIVA AHORA

El editor LVGL de arrastrar y soltary constructor de GUI definitivo.

Diseña, prototipa y exporta UI LVGL listas para producción

Empieza. Es gratis.
PicoPixel LVGL editor workspace preview

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

¿Qué es PicoPixel?

PicoPixel es un editor visual para LVGL basado en navegador. Arrastra y suelta componentes en un lienzo en vivo, estilízalos visualmente y exporta código C limpio listo para compilar en ESP32 y más.

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 GUIs 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

Rastrea cada cambio con el control de versiones integrado. Usa el panel de Acciones para un historial detallado y reversiones precisas.

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 UI 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 posición, tamaño, opacidad y más directamente en una línea de tiempo visual. Luego superpone animaciones entre frames y previsualiza transiciones LVGL fluidas sin escribir una sola línea de 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 con un port de 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
  • Estiliza colores, fuentes y layouts
  • Anima en tiempo real
STEP 02
PicoPixel live LVGL simulator preview

Previsualiza

  • Simulador LVGL integrado
  • Enlaces de vista previa compartibles
  • 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  Picateclas

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 trabajo diario para concentrarme a tiempo completo en el hardware y PicoPixel.

Si lo estás probando, de verdad me encantaría recibir tus comentarios: lo bueno, lo malo y esos casos raros de borde.

¿Nos vemos? →
Seattle/Shenzhen/Tokyo

Empieza a construir tu UI 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.