El editor de arrastrar y soltar definitivo para LVGL y constructor de GUI

BETA LIVE NOW

Construye interfaces LVGL visualmente Juntos.

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

¡Comienza gratis!
PicoPixel LVGL editor — font panel for embedded UI 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.

Used by makers at

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.

Compatible con Arduino, ESP32 y más

Arduino — compatible with PicoPixel LVGL editor Espressif — compatible with PicoPixel LVGL editor ESPHome — compatible with PicoPixel LVGL editor M5Stack — compatible with PicoPixel LVGL editor Adafruit — compatible with PicoPixel LVGL editor LILYGO — 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.

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.