El editor visual de arrastrar y soltar para LVGL.

Todo lo que necesitas para construir interfaces LVGL

PicoPixel es un constructor visual de GUI LVGL basado en 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 code listo para producción. Diseña interfaces táctiles embebidas para ESP32, STM32, Arduino y cualquier plataforma compatible con LVGL — gratis durante el acceso anticipado.

¡Comienza gratis!

Lienzo visual de arrastrar y soltar

Coloca widgets LVGL en un lienzo con precisión de píxeles y estilízalos visualmente. Ajusta colores, fuentes, relleno y diseños flexibles 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 UI 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.

Widgets 3 saved
Colors
Aa Fonts
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 code.

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

Exporta C code 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 compartibles

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

Basado en navegador — nada que instalar

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

Crea puntos de control, revierte a cualquier versión y rastrea cambios granulares con Session Actions. Sin necesidad de VCS externo para tu diseño de UI.

Added home screen
Styled nav bar
Initial layout

Un constructor visual completo de GUI LVGL

PicoPixel es un diseñador LVGL visual de arrastrar y soltar que reemplaza la codificación manual de árboles de widgets con una experiencia de diseño moderna basada en navegador. En lugar de escribir cientos de líneas de C code para posicionar botones, estilizar etiquetas y conectar callbacks de eventos, lo haces todo visualmente — y exportas código LVGL limpio y listo para producción cuando terminas.

Ya sea que estés construyendo un panel de hogar inteligente, un HMI industrial, una interfaz de dispositivo portátil, o prototipando una UI táctil para un nuevo producto, PicoPixel te da las herramientas para diseñar, previsualizar y entregar más rápido. El constructor de GUI 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 es basado en navegador (sin instalación), soporta 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. Para una comparación detallada, consulta nuestra comparación completa.

¿Qué plataformas de hardware soporta PicoPixel?

PicoPixel genera C code LVGL estándar que se ejecuta en cualquier plataforma con un port de LVGL — incluyendo ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas y sistemas basados en Linux. El código exportado se integra en tu proyecto de firmware existente.

¿Qué código genera PicoPixel?

PicoPixel exporta un archivo zip que contiene C code LVGL limpio y legible (archivos .c y .h). La salida incluye creación de widgets, estilizado, diseño 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 — incluso para proyectos comerciales. No se requiere tarjeta de crédito. PicoPixel está construido y mantenido por un desarrollador independiente, por lo que a medida que la plataforma crezca y más usuarios se unan, podrían introducirse planes de pago para mantener el servicio. Siempre habrá un nivel gratuito.

¿Puedo usar PicoPixel sin conexión?

PicoPixel actualmente requiere una conexión a internet ya que es una aplicación basada en navegador. El soporte sin conexión es algo que estamos considerando para el futuro.

¿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 hardware objetivo 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 code listo para producción. Sin instalación. Sin tarjeta de crédito. Abre PicoPixel en tu navegador y comienza a diseñar.

¡Comienza gratis!

Gratis — incluso para proyectos comerciales. Leer las preguntas frecuentes · Contáctanos