El editor visual de arrastrar y soltar para LVGL

Construye interfaces LVGL visualmente

Juntos.

Diseña, crea prototipos y exporta interfaces LVGL listas para producción — sin programar a mano.

¡Comienza gratis!
PicoPixel editor workspace showing a car dashboard UI design with speedometer and gauges PicoPixel typography panel showing font selection and sizing

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

Crea y revierte a diferentes versiones fácilmente. Las Acciones de sesión rastrean cambios granulares en tus widgets.

Crea widgets personalizados reutilizables que puedes arrastrar y soltar en proyectos existentes u otros.

Simulador LVGL en vivo que puedes compartir con miembros del equipo o clientes. Las superposiciones de interacción muestran exactamente qué se puede tocar y desplazar.

Crea fácilmente una variedad de fuentes y elimina lo que no necesites una vez que encuentres el tamaño ideal.

¿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.

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

Version control history panel showing checkpoints and revisions

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.

Component library panel with LVGL widgets

Biblioteca de recursos

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

Code export panel showing generated LVGL 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.

Events editor with drag-and-drop LVGL actions

Editor de eventos

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

Compatible con Arduino, ESP32 y más

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

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.

Flujo de trabajo simple

Cómo funciona

1

Diseña

Arrastra widgets LVGL a un lienzo con precisión de píxel. Estiliza colores, fuentes, layouts y animaciones en tiempo real.

2

Previsualiza

Ejecuta tu interfaz en el simulador LVGL integrado con WebAssembly. Comparte enlaces de vista previa interactivos con tu equipo o clientes.

3

Exporta

Descarga código C listo para producción optimizado para tu placa. Flashéalo y ve exactamente la misma UI en el hardware. Compara con otros editores LVGL.

Uso gratuito

Empieza a construir tu UI embebida — gratis.

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.