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

Preguntas frecuentes

Todo lo que necesitas saber sobre PicoPixel. ¿No encuentras lo que buscas? Contáctanos.

General

¿Qué es PicoPixel?

PicoPixel es un editor visual basado en navegador para LVGL — la popular biblioteca gráfica de código abierto para pantallas embebidas. Te permite diseñar, previsualizar en un simulador en vivo y exportar C code listo para producción sin escribir código de diseño repetitivo a mano. Mira cómo funciona.

¿Necesito instalar algo?

No. PicoPixel funciona completamente en tu navegador — no hay aplicación de escritorio, ni complemento, ni SDK que instalar. Abre la URL del editor, inicia sesión con GitHub o Google, y comienza a diseñar.

¿Qué navegadores son compatibles?

PicoPixel funciona mejor en las últimas versiones de Chrome, Edge y Firefox. Safari es compatible pero puede tener diferencias menores de renderizado con ciertos widgets LVGL.

¿Qué plataformas y placas soporta PicoPixel?

PicoPixel genera código C LVGL estándar que se ejecuta en cualquier plataforma con un port de LVGL — incluyendo ESP32 (todas las variantes incluyendo ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas y sistemas basados en Linux. Hemos probado en placas de LILYGO, M5Stack, Waveshare, Guition, Elecrow y Adafruit. Si tu hardware ejecuta LVGL, el código exportado funcionará con él.

¿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 que requiere una licencia de pago para uso comercial. PicoPixel es significativamente más asequible, con un nivel gratuito generoso y planes de pago con precios competitivos. Para una comparación detallada, consulta nuestra comparación de editores LVGL.

¿Cómo se compara PicoPixel con otros editores LVGL?

Proporcionamos una comparación detallada de PicoPixel, SquareLine Studio y EEZ Studio que cubre características, precios, colaboración, exportación de código y más. Consulta la comparación completa de editores LVGL.

¿Cuál es el flujo de trabajo típico en PicoPixel?

El flujo de trabajo es: diseña tu interfaz visualmente en el lienzo, conecta interacciones con el editor visual de eventos, previsualiza en el simulador LVGL en vivo, exporta C code listo para producción e integra en tu proyecto de firmware. Para una guía paso a paso, consulta Cómo funciona PicoPixel.

Editor y características

¿Qué versión de LVGL utiliza PicoPixel?

PicoPixel actualmente apunta a LVGL 8.x, con soporte para v9.x planificado. El código generado usa llamadas estándar a la API de LVGL, por lo que compila correctamente contra la última versión 8.x.

¿Puedo importar un proyecto LVGL existente?

No puedes importar código C de LVGL sin procesar ni proyectos de otros editores como SquareLine Studio o EEZ Studio. Sin embargo, puedes exportar, compartir e importar archivos de proyecto .picopixel, que contienen tu diseño LVGL completo. La importación desde archivos fuente LVGL externos está en nuestra hoja de ruta y es una de las características más solicitadas.

¿Cómo funciona la previsualización en vivo?

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 — por lo que la salida coincide con tu hardware objetivo píxel por píxel.

¿Puedo usar fuentes e imágenes personalizadas?

Sí. Puedes subir archivos de fuentes personalizadas y recursos de imágenes directamente en el editor. PicoPixel también incluye una biblioteca de fuentes integradas que puedes convertir para tu proyecto LVGL con un solo clic, en lugar de buscar y convertir fuentes manualmente. Se incluye soporte completo de Unicode para idiomas como árabe, hebreo, chino, japonés, coreano y más. El modo Tipografía te permite crear y gestionar una variedad de fuentes LVGL, y la Biblioteca de Recursos almacena widgets, imágenes, fuentes y colores reutilizables. Aprende más en nuestra guía de fuentes LVGL, o prueba la plantilla de fuentes para explorar fuentes integradas con varios idiomas incluidos.

¿PicoPixel tiene un simulador LVGL en vivo?

Sí. PicoPixel compila LVGL a WebAssembly y lo ejecuta directamente en tu navegador. El simulador renderiza tu diseño usando el motor LVGL real, así que lo que ves coincide con tu hardware objetivo. Las capas de interacción muestran lo que se puede tocar y desplazar. También puedes generar enlaces compartibles del simulador para clientes o compañeros de equipo.

¿Varias personas pueden editar un proyecto al mismo tiempo?

Sí. PicoPixel soporta edición colaborativa en tiempo real. Varios miembros del equipo pueden trabajar en el mismo proyecto simultáneamente, dejar comentarios y anotaciones, y ver los cambios de los demás en vivo. El control de versiones integrado te permite crear puntos de control para rastrear cambios, y las notificaciones te informan cuando un compañero deja comentarios sobre tu trabajo.

¿Qué código exporta PicoPixel?

PicoPixel exporta un archivo zip que contiene C code LVGL limpio y listo para producción (archivos .c y .h). La salida incluye configuración de widgets, estilos, diseño, enlaces de eventos y referencias de recursos — todo usando llamadas estándar a la API de LVGL sin dependencias propietarias.

¿PicoPixel tiene un editor visual de eventos?

Sí. El Editor de Eventos te permite conectar manejadores de eventos LVGL visualmente — arrastra acciones sobre widgets para navegación entre pantallas, cambios de estilo, actualizaciones de valores y más — sin escribir C code. PicoPixel genera los callbacks de eventos LVGL automáticamente al exportar. Consulta todas las características.

¿PicoPixel tiene control de versiones integrado?

Sí. PicoPixel incluye control de versiones integrado con puntos de control, historial granular de sesiones (Session Actions) y la capacidad de revertir a cualquier estado anterior. No se necesita un VCS externo para tu trabajo de diseño de UI.

¿Qué son los modos de espacio de trabajo?

El editor de PicoPixel tiene tres modos: Build, Reference y Animation. El modo Build es donde colocas y diseñas widgets LVGL, gestionas recursos y construyes tu interfaz. El modo Reference te permite añadir texto e imágenes fuera de tu pantalla LVGL como notas para ti o tu equipo — no son contenido LVGL, no se exportan y no se incluyen al compartir archivos .picopixel. El modo Animation proporciona un editor avanzado de keyframes basado en línea de tiempo para crear animaciones personalizadas en propiedades de widgets como posición, tamaño y opacidad.

¿PicoPixel tiene un editor de animaciones?

Sí. PicoPixel incluye un potente modo de Animación con un editor completo de keyframes basado en línea de tiempo. Puedes animar propiedades de widgets como posición, tamaño y opacidad a lo largo del tiempo, crear curvas de animación personalizadas y coreografiar secuencias complejas con múltiples pistas. Las animaciones se previsualizan en vivo en el simulador y se exportan como parte de tu código LVGL en C. A diferencia de otros editores que limitan las animaciones en planes de pago, PicoPixel no restringe las animaciones en ningún plan — gratuito o de pago. Hay un límite razonable de 100 animaciones por proyecto para evitar abusos, pero sin restricciones por nivel.

Técnico

¿Puedo usar PicoPixel para crear una UI táctil para ESP32?

Absolutamente. PicoPixel genera código C LVGL estándar que funciona con cualquier variante de ESP32, incluyendo ESP32-S3, ESP32-P4 y más. La exportación ha sido probada en placas Waveshare y Guition ESP32-P4. Diseña el diseño de tu pantalla táctil visualmente, previsualízalo en el simulador y exporta código para ESP-IDF, Arduino o PlatformIO. Aprende más sobre PicoPixel para ESP32, o sigue nuestro tutorial paso a paso de UI LVGL para ESP32 para empezar.

¿PicoPixel funciona sin conexión?

No, PicoPixel es una aplicación web que requiere conexión a internet. Incluye guardado automático, por lo que tu trabajo está protegido incluso si tu conexión se interrumpe. Si deseas ver soporte sin conexión, cuéntanos. Para organizaciones en sectores sensibles como defensa o medicina que necesitan despliegues aislados, ofrecemos una opción dedicada on-premise donde toda la aplicación se despliega en tu propio hardware detrás de tu propia autenticación (LDAP, SSO o cualquier proveedor OAuth), con registros de auditoría personalizados y trazas completas. Contáctanos si deseas evaluarlo.

¿Qué widgets LVGL soporta PicoPixel?

PicoPixel soporta una amplia gama de widgets LVGL organizados en categorías: Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) e Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox). Sprite es exclusivo de PicoPixel — construido sobre Animated Image, permite animaciones con estado para que puedas definir diferentes secuencias de animación según el estado, como una animación de carga que pasa a un bucle de carga completa, o un personaje como Stack-Chan con animaciones de reposo, caminar y saludar. El conjunto de widgets sigue creciendo y se añaden nuevos activamente.

¿PicoPixel funciona con ESP-IDF, Arduino y PlatformIO?

Sí. El código exportado usa llamadas estándar a la API de LVGL sin dependencias propietarias, por lo que se integra con cualquier sistema de compilación que soporte LVGL — incluyendo ESP-IDF, Arduino IDE y PlatformIO. Consulta la guía de integración ESP32 para instrucciones paso a paso.

¿Qué resoluciones de pantalla soporta PicoPixel?

Puedes establecer cualquier resolución de pantalla en PicoPixel para que coincida con tu hardware objetivo — desde pequeñas pantallas redondas de 240x240 (GC9A01) hasta TFTs SPI de 320x240, paneles de 800x480 y más grandes. El simulador en vivo renderiza a la resolución elegida.

Precios y planes

¿PicoPixel es gratuito?

Sí, PicoPixel es gratuito y siempre lo será. No se requiere tarjeta de crédito. Desde el lanzamiento, PicoPixel ha crecido a un ritmo inesperado y estamos encantados con la respuesta de la comunidad. Los planes de pago ya están disponibles para equipos y usuarios que necesiten mayor escala. El nivel gratuito Community sigue siendo generoso, con edición básica, el simulador en vivo, exportación de código y más. Los planes de pago son solo para quienes necesiten almacenamiento ampliado, más proyectos, equipos más grandes y umbrales de uso comercial. Consulta nuestra página de precios para conocer los niveles actuales.

¿Hay un nivel gratuito?

Sí. El nivel Community gratuito incluye edición básica, el simulador en vivo, exportación de código y hasta 10 proyectos. El uso comercial del código generado está disponible con ciertos planes de pago. Consulta nuestra página de precios para más detalles.

¿Cómo funcionan los precios?

Los planes de pago van desde Starter ($10/mes) hasta Pro ($20/mes) para individuos, y desde Startup ($100/mes) hasta Enterprise ($450/mes) para equipos, con descuentos anuales disponibles. Los planes escalan el almacenamiento, los límites de proyectos, los puestos del equipo y los umbrales de uso comercial. Todas las cuentas existentes conservarán sus condiciones actuales. Consulta la página de precios para un desglose completo.

¿Puedo usar el código generado por PicoPixel en productos comerciales?

El código exportado usa llamadas estándar a la API de LVGL sin dependencias propietarias. Con el plan Pro y superiores, puedes usar libremente el código generado por PicoPixel en productos comerciales. Los planes Community y Starter son solo para uso personal, educativo y hobby y no incluyen derechos de uso comercial. Consulta nuestra página de precios para más detalles.

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!

Leer las preguntas frecuentes · Ponte en contacto