Acerca de PicoPixel

¿Qué es PicoPixel?

PicoPixel es 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 — botones, etiquetas, deslizadores, interruptores, arcos, gráficos, menús desplegables, selectores giratorios, casillas de verificación, áreas de texto, vistas de pestañas, contenedores e imágenes — aplica estilos de forma visual, conecta manejadores de eventos con un editor visual de eventos, gestiona recursos reutilizables (widgets, imágenes, fuentes y colores) y exporta código C listo para producción para tu plataforma objetivo. Piensa en ello como Figma para interfaces embebidas.

Las capacidades principales incluyen colaboración en tiempo real con cursores en vivo y anotaciones, un simulador LVGL en vivo impulsado por WebAssembly que renderiza tu diseño píxel por píxel tal como aparecerá en el hardware, control de versiones integrado con historial de sesiones detallado, enlaces compartibles del simulador para revisiones de interesados y herramientas de gestión tipográfica. Todo funciona en el navegador sin necesidad de instalar nada.

PicoPixel genera código C estándar de LVGL 8.x 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 funciona con ESP-IDF, Arduino IDE y PlatformIO. Ya sea que estés prototipando un panel de hogar inteligente, construyendo un HMI industrial o diseñando la interfaz de un dispositivo portátil, PicoPixel te ofrece el mismo flujo de trabajo visual que los diseñadores web dan por sentado. PicoPixel es gratuito, incluso para proyectos comerciales.

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, flashear de nuevo. 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

PicoPixel transforma el desarrollo con LVGL de un proceso centrado en código a un flujo de trabajo visual de arrastrar y soltar. El proceso se divide en seis pasos: Diseña tu interfaz arrastrando widgets LVGL a un lienzo con precisión de píxeles y aplicando estilos visualmente. Conecta interacciones usando el editor visual de eventos — vincula pulsaciones de botones con navegación entre pantallas, cambios de deslizadores con actualizaciones de etiquetas y más, todo sin escribir código C. Previsualiza tu interfaz en un simulador LVGL en vivo impulsado por WebAssembly — el motor de renderizado real, no una maqueta. Exporta código C LVGL listo para producción (archivos .c y .h) sin dependencias propietarias. Integra y flashea agregando los archivos exportados a tu proyecto ESP-IDF, Arduino o PlatformIO. Finalmente, colabora e itera con tu equipo en tiempo real usando el control de versiones integrado. Ver la guía paso a paso completa.

Cómo se compara PicoPixel

Los tres principales editores visuales para LVGL son PicoPixel, SquareLine Studio y EEZ Studio. PicoPixel funciona en el navegador sin instalación, mientras que SquareLine Studio y EEZ Studio son aplicaciones de escritorio. PicoPixel es el único editor LVGL con edición colaborativa en tiempo real, control de versiones integrado y enlaces compartibles de vista previa del simulador. Es gratuito sin restricciones de funciones, incluso para uso comercial, en comparación con los planes de pago de SquareLine Studio o el modelo de código abierto (GPL-3.0) de EEZ Studio.

PicoPixel exporta código C LVGL limpio, sin código repetitivo adicional ni dependencias propietarias. Actualmente soporta LVGL 8.x con v9.x planificado. La cobertura de widgets está creciendo ya que PicoPixel está en beta abierta — tanto SquareLine Studio como EEZ Studio tienen bibliotecas de widgets más extensas actualmente. EEZ Studio además ofrece programación visual basada en flujos (EEZ Flow) y es completamente de código abierto. SquareLine Studio tiene una comunidad establecida más grande y más documentación específica por plataforma. Ver la comparación completa.

Beta abierta y limitaciones

PicoPixel está en beta abierta y actualmente es construido y mantenido por un desarrollador independiente, Ed. El conjunto de widgets está creciendo activamente, el soporte para LVGL v9.x está planificado y algunas funciones como animaciones y transiciones aún están en la hoja de ruta. Puede haber limitaciones temporales a medida que la infraestructura escala. Tu paciencia y comentarios significan mucho — si encuentras cualquier problema, no dudes en contactarnos.

Ponte en contacto

¿Tienes preguntas, ideas o quieres asociarte con nosotros? Nos encantaría saber de ti. Contáctanos a través de nuestra página de contacto.