Acerca de PicoPixel — el editor LVGL basado en navegador
¿Qué es PicoPixel?
Una herramienta de diseño visual basada en navegador, creada específicamente para interfaces de usuario embebidas con LVGL.
Arrastra y suelta widgets en un lienzo con precisión de píxeles, aplica estilos de forma visual, conecta manejadores de eventos con un editor visual de eventos, gestiona recursos reutilizables y exporta código C listo para producción para tu plataforma objetivo. Piensa en ello como Figma para interfaces embebidas.
Todo funciona en el navegador sin necesidad de instalar nada. PicoPixel es gratuito.
Botones, deslizadores, interruptores, arcos, gráficos, menús desplegables, selectores, casillas, áreas de texto, pestañas, contenedores e imágenes
Conecta interacciones sin escribir código C
Vista previa de hardware píxel a píxel, impulsada por WebAssembly
Cursores en vivo, anotaciones y enlaces compartibles del simulador
Historial de sesiones granular con reversión en un clic
Código LVGL 8.x limpio para ESP32, STM32, RP2040 y más
Sobre hombros de gigantes
Nada de esto existiría sin LVGL y el increíble trabajo del equipo de LVGL al mantener la biblioteca completamente open source. Su decisión de mantener LVGL gratis y accesible hizo posible que herramientas como PicoPixel existan.
Estamos profundamente agradecidos con todos los que contribuyen al ecosistema LVGL: los mantenedores principales, los miembros de la comunidad que reportan problemas y escriben drivers, y cada desarrollador que elige construir con él. Gracias.
El equipo de LVGL se puso en contacto con puras palabras amables y felicitaciones cuando se lanzó PicoPixel.
Dieron la bienvenida al proyecto como una incorporación positiva al ecosistema y expresaron entusiasmo genuino por ver más herramientas construidas alrededor de LVGL.
Recibimos recientemente un correo desagradable de una persona de su equipo.
No reproduciremos su contenido aquí, pero nos pareció importante señalar el contraste en cómo distintos miembros de la comunidad eligieron responder.
Por qué lo creamos
Construir interfaces para dispositivos embebidos ha significado tradicionalmente codificar coordenadas de píxeles a mano y lidiar con bibliotecas gráficas de bajo nivel: escribir código C, flashear, revisar la pantalla, ajustar y flashear otra vez.
Creemos que los desarrolladores de sistemas embebidos merecen la misma experiencia de diseño visual que disfrutan los desarrolladores web y móviles. PicoPixel cierra esa brecha con un editor de arrastrar y soltar, un simulador en vivo que muestra exactamente cómo se renderizará tu interfaz en el hardware y un flujo de trabajo colaborativo que permite a los equipos diseñar juntos en tiempo real.
Cómo funciona
Del lienzo al hardware en seis pasos.
Diseña
Arrastra widgets LVGL a un lienzo con precisión de píxeles y aplica estilos visualmente.
Conecta interacciones
Conecta pulsaciones de botones con navegación de pantallas y cambios de deslizadores con actualizaciones de etiquetas. Sin código C.
Previsualiza
Mira tu interfaz en un simulador LVGL en vivo impulsado por WebAssembly. El motor de renderizado real, no una maqueta.
Exporta
Genera código C LVGL listo para producción (archivos .c y .h) sin dependencias propietarias.
Flashea
Agrega los archivos exportados a tu proyecto ESP-IDF, Arduino o PlatformIO y flashea al hardware.
Itera
Colabora con tu equipo en tiempo real usando control de versiones integrado.
Una nota de Ed
Actualmente estoy construyendo un clúster de pantalla para instrumentos y paso buena parte de mi tiempo entre Tokio y Shenzhen. Si estás construyendo hardware o estás en alguna de esas ciudades, me encantaría tomar algo y hablar de proyectos.
Antes de PicoPixel, pasé algunos años en una de las firmas de corretaje más grandes. También estuve un tiempo en una startup adquirida por Apple, donde trabajé en un par de prototipos de Watch. Ahí empezó la inquietud por volver a acercarme al hardware, y eso terminó llevando a construir esto.
Me encantaría saber qué estás construyendo y qué cambios te gustaría ver en PicoPixel. No seas extraño.
Beta abierta
Honestos sobre dónde estamos.
PicoPixel está en beta abierta y actualmente lo construye y mantiene un solo desarrollador. El conjunto de widgets crece activamente, el soporte para LVGL v9.x está planificado y se publican funciones nuevas con regularidad, incluido el modo de Animación lanzado recientemente con keyframes basados en línea de tiempo.
Puede haber limitaciones temporales mientras la infraestructura escala. Tu paciencia y comentarios significan muchísimo. Si encuentras algo, no dudes en escribirnos.
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!