El editor visual de arrastrar y soltar para LVGL.
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.
¿PicoPixel es de código abierto?
El código fuente del editor es privado, pero genera código para LVGL que es de código abierto bajo la licencia MIT.
¿Qué plataformas y placas soporta PicoPixel?
PicoPixel genera C code 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.
¿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 gratuito para proyectos comerciales sin restricciones. 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?
Aún no — el editor actualmente soporta la creación de proyectos desde cero. La importación de archivos fuente LVGL existentes 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. El modo de espacio de trabajo de Tipografía te permite crear y gestionar una variedad de fuentes, y la Biblioteca de Recursos almacena widgets, imágenes, fuentes y colores reutilizables. Consulta todas las características del editor.
¿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 — uno de los cinco modos de espacio de trabajo. Varios miembros del equipo pueden trabajar en el mismo proyecto simultáneamente, dejar comentarios con anotaciones y ver los cambios de los demás en tiempo real.
¿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 cinco modos de espacio de trabajo: Colaborativo (edición en equipo en tiempo real), Control de Versiones (puntos de control e historial), Recursos (biblioteca de widgets y recursos reutilizables), Simulador (previsualización LVGL en vivo con capas de interacción) y Tipografía (gestión de fuentes). Cada modo enfoca el editor en un flujo de trabajo específico.
Técnico
¿Puedo usar PicoPixel para crear una UI táctil para ESP32?
Absolutamente. PicoPixel genera C code 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.
¿PicoPixel funciona sin conexión?
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 un flujo de trabajo completamente sin conexión es un requisito indispensable, consulta nuestra comparación de editores para alternativas de escritorio.
¿Qué widgets LVGL soporta PicoPixel?
PicoPixel soporta el conjunto principal de widgets LVGL incluyendo botones, etiquetas, deslizadores, interruptores, desplegables, ruedas, arcos, barras, gráficos, imágenes, casillas de verificación, áreas de texto, vistas de pestañas, contenedores y más. El conjunto de widgets está creciendo — se están agregando nuevos widgets 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 — incluso para proyectos comerciales. No se requiere tarjeta de crédito. PicoPixel está construido y mantenido por un desarrollador independiente, por lo que a medida que la plataforma crezca, podrían introducirse planes de pago para cubrir costos de almacenamiento y servicio. Siempre habrá un nivel gratuito.
¿Habrá un nivel gratuito?
Sí. Siempre habrá un generoso nivel gratuito con funcionalidad de edición y exportación básica. El código generado es comercialmente gratuito sin restricciones, independientemente del plan.
¿Cómo funcionarán los precios?
A medida que la plataforma escale, se introducirán planes de pago opcionales — principalmente para características empresariales como colaboración en tiempo real ampliada y almacenamiento. Anunciaremos los detalles en nuestro Discord y canales sociales con anticipación. Nuestro objetivo es mantener PicoPixel accesible para aficionados y competitivo para equipos profesionales.
¿Puedo usar el código generado por PicoPixel en productos comerciales?
Sí. El código exportado usa llamadas estándar a la API de LVGL sin dependencias propietarias ni restricciones de licencia. Eres libre de usar el código generado por PicoPixel en productos comerciales sin costo alguno.
¿Aún tienes preguntas?
Nos encantaría saber de ti. Escríbenos y te responderemos lo antes posible.
Contáctanos