Crea interfaces LVGL arrastrando y soltando, directamente en tu navegador.

Todo lo que necesitas para construir interfaces LVGL

PicoPixel es un constructor visual de interfaz gráfica LVGL que funciona en el navegador con diseño de arrastrar y soltar, colaboración en tiempo real, un simulador en vivo impulsado por WebAssembly y exportación de código C listo para producción. Diseña interfaces táctiles embebidas para ESP32, STM32, Arduino y cualquier plataforma compatible con LVGL.

¡Empieza ya. Es gratis!

Características

Lienzo visual de arrastrar y soltar

Coloca widgets LVGL con precisión de píxel y ajusta su aspecto desde el editor. Modifica colores, fuentes, espaciado interior y distribución Flex en tiempo real.

ButtonLabelSliderSwitchArc

Colaboración en tiempo real

Edita el mismo proyecto simultáneamente con tu equipo. Cursores en vivo, comentarios y enlaces compartidos — como Figma para interfaces embebidas.

A
B
C
3 team members online

Simulador LVGL en vivo

Previsualiza tu interfaz en un simulador LVGL impulsado por WebAssembly que se ejecuta en el navegador. El motor de renderizado real — no una maqueta.

320 × 240, LVGL 8.x

Biblioteca de recursos reutilizables

Guarda widgets personalizados, imágenes, fuentes y colores en una biblioteca compartida. Arrástralos a cualquier proyecto.

Widgets3 saved
Colors
AaFonts
Images

Editor visual de eventos

Conecta manejadores de eventos LVGL de forma visual. Arrastra acciones sobre widgets — navegación de pantalla, cambios de estilo, actualizaciones de valores — sin necesidad de código C.

Exportación de código lista para producción

Exporta código C de LVGL limpio (archivos .c y .h) sin dependencias propietarias. Compila en ESP32, STM32, Arduino y cualquier plataforma LVGL.

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

Enlaces de previsualización para compartir

Envía un enlace del simulador a cualquier persona. Pueden interactuar con tu interfaz LVGL en vivo desde el navegador — sin necesidad de cuenta.

app.picopixel.io/share/proj_x8k2m

En el navegador, sin instalar nada

Sin aplicación de escritorio, sin dongle de licencia. Abre una pestaña del navegador y comienza a diseñar. Funciona en cualquier sistema operativo.

ChromeFirefoxSafariEdge

Control de versiones integrado

Guarda puntos de control, recupera versiones anteriores y consulta cada cambio en Session Actions. No necesitas un sistema de control de versiones externo para tus diseños.

Added home screen
Styled nav bar
Initial layout

Un constructor visual completo de interfaz gráfica LVGL

Con PicoPixel puedes crear visualmente la jerarquía de widgets de tu interfaz LVGL. Coloca botones, ajusta etiquetas y conecta eventos desde el navegador, sin escribir a mano cientos de líneas de código C. Cuando termines, exporta el código LVGL listo para producción.

Ya sea que estés construyendo un panel de hogar inteligente, un HMI industrial, una interfaz de dispositivo portátil, o prototipando una interfaz táctil para un nuevo producto, PicoPixel te da las herramientas para diseñar, previsualizar y entregar más rápido. El constructor de interfaz gráfica LVGL funciona con ESP32, STM32, Arduino, Raspberry Pi Pico y cualquier plataforma que ejecute LVGL. Mira cómo se compara PicoPixel con otros editores LVGL.

Preguntas frecuentes

¿En qué se diferencia PicoPixel de SquareLine Studio?

PicoPixel funciona en el navegador, sin instalación, ofrece colaboración en equipo en tiempo real e incluye un simulador LVGL en vivo impulsado por WebAssembly. SquareLine Studio es una aplicación de escritorio que requiere una licencia de pago para uso comercial. PicoPixel es significativamente más asequible, con un plan gratuito con amplias posibilidades y planes de pago con precios competitivos. Para una comparación detallada, consulta nuestra comparación de editores LVGL.

¿Qué plataformas de hardware soporta PicoPixel?

PicoPixel genera código C estándar de LVGL que se ejecuta en cualquier plataforma compatible con LVGL — incluyendo ESP32 (todas las variantes incluyendo ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas y sistemas basados en Linux. Hemos probado en placas de LILYGO, M5Stack, Waveshare, Guition, Elecrow y Adafruit. Si tu hardware ejecuta LVGL, el código exportado funcionará con él.

¿Qué código genera PicoPixel?

PicoPixel exporta un archivo zip que contiene código C de LVGL limpio y legible (archivos .c y .h). La salida incluye creación de widgets, estilos, distribución y configuración de manejadores de eventos — todo usando llamadas estándar a la API de LVGL sin dependencias propietarias.

¿PicoPixel es gratuito?

Sí, PicoPixel es gratuito y siempre lo será. No se requiere tarjeta de crédito. Desde el lanzamiento, PicoPixel ha crecido a un ritmo inesperado y estamos encantados con la respuesta de la comunidad. Los planes de pago ya están disponibles para equipos y usuarios que necesiten más capacidad. El plan Community gratuito incluye las herramientas de edición, el simulador en vivo, exportación de código y más. Los planes de pago son solo para quienes necesiten más almacenamiento y proyectos, equipos más grandes o derechos de uso comercial según sus ingresos. Consulta nuestras preguntas frecuentes para conocer los detalles actuales.

¿PicoPixel funciona sin conexión?

No, PicoPixel es una aplicación web que requiere conexión a internet. Incluye guardado automático, por lo que tu trabajo está protegido incluso si tu conexión se interrumpe. Si deseas ver soporte sin conexión, cuéntanos.

¿El simulador en vivo realmente ejecuta LVGL?

Sí. PicoPixel compila LVGL a WebAssembly y lo ejecuta directamente en tu navegador. Lo que ves en la previsualización es el motor de renderizado LVGL real — no una maqueta o aproximación CSS. La salida coincide con tu dispositivo píxel por píxel.

Comienza a construir tu interfaz LVGL gratis

Diseña interfaces embebidas visualmente, previsualiza en un simulador LVGL en vivo y exporta código C listo para producción. Sin instalación. Sin tarjeta de crédito. Abre PicoPixel en tu navegador y empieza a diseñar.

¡Empieza ya. Es gratis!

Leer las preguntas frecuentes · Ponte en contacto