À propos de PicoPixel

Qu'est-ce que PicoPixel ?

PicoPixel est un outil de conception visuelle basé sur navigateur, spécialement conçu pour les interfaces utilisateur embarquées alimentées par LVGL. Glissez-déposez des widgets sur un canevas au pixel près — boutons, étiquettes, curseurs, interrupteurs, arcs, graphiques, menus déroulants, sélecteurs rotatifs, cases à cocher, zones de texte, vues à onglets, conteneurs et images — stylisez-les visuellement, connectez les gestionnaires d'événements avec un éditeur visuel d'événements, gérez les ressources réutilisables (widgets, images, polices et couleurs) et exportez du code C prêt pour la production pour votre plateforme cible. Pensez-y comme Figma pour les interfaces embarquées.

Les fonctionnalités clés comprennent la collaboration en temps réel avec des curseurs en direct et des annotations, un simulateur LVGL en direct alimenté par WebAssembly qui rend votre design pixel par pixel tel qu'il apparaîtra sur le matériel, un contrôle de version intégré avec un historique de session détaillé, des liens de simulateur partageables pour les revues des parties prenantes et des outils de gestion typographique. Tout fonctionne dans le navigateur sans rien à installer.

PicoPixel génère du code C standard LVGL 8.x qui fonctionne sur toute plateforme avec un port LVGL — y compris ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas et les systèmes basés sur Linux. Le code exporté fonctionne avec ESP-IDF, Arduino IDE et PlatformIO. Que vous prototypiez un panneau de maison intelligente, construisiez un IHM industriel ou conceviez l'interface d'un appareil portable, PicoPixel vous offre le même flux de travail visuel que les concepteurs web considèrent comme acquis. PicoPixel est gratuit, y compris pour les projets commerciaux.

Pourquoi nous l'avons créé

Construire des interfaces pour des appareils embarqués a traditionnellement signifié coder manuellement des coordonnées de pixels et se battre avec des bibliothèques graphiques de bas niveau — écrire du code C, flasher, vérifier l'affichage, ajuster, flasher à nouveau. Nous croyons que les développeurs embarqués méritent la même expérience de conception visuelle dont profitent les développeurs web et mobiles. PicoPixel comble ce fossé avec un éditeur par glisser-déposer, un simulateur en direct qui montre exactement comment votre interface sera rendue sur le matériel et un flux de travail collaboratif qui permet aux équipes de concevoir ensemble en temps réel.

Comment ça fonctionne

PicoPixel transforme le développement LVGL d'un processus centré sur le code en un flux de travail visuel par glisser-déposer. Le processus se décompose en six étapes : Concevez votre interface en glissant des widgets LVGL sur un canevas au pixel près et en les stylisant visuellement. Connectez les interactions à l'aide de l'éditeur visuel d'événements — liez les appuis sur les boutons à la navigation entre écrans, les changements de curseurs aux mises à jour d'étiquettes, et plus encore, le tout sans écrire de code C. Prévisualisez votre interface dans un simulateur LVGL en direct alimenté par WebAssembly — le véritable moteur de rendu, pas une maquette. Exportez du code C LVGL prêt pour la production (fichiers .c et .h) sans dépendances propriétaires. Intégrez et flashez en ajoutant les fichiers exportés à votre projet ESP-IDF, Arduino ou PlatformIO. Enfin, collaborez et itérez avec votre équipe en temps réel grâce au contrôle de version intégré. Voir le guide étape par étape complet.

Comment PicoPixel se compare

Les trois principaux éditeurs visuels pour LVGL sont PicoPixel, SquareLine Studio et EEZ Studio. PicoPixel fonctionne dans le navigateur sans installation, tandis que SquareLine Studio et EEZ Studio sont des applications de bureau. PicoPixel est le seul éditeur LVGL avec édition collaborative en temps réel, contrôle de version intégré et liens de prévisualisation du simulateur partageables. Il est gratuit sans aucune restriction de fonctionnalités, y compris pour un usage commercial, comparé aux offres payantes de SquareLine Studio ou au modèle open source (GPL-3.0) d'EEZ Studio.

PicoPixel exporte du code C LVGL propre, sans code passe-partout supplémentaire ni dépendances propriétaires. Il prend actuellement en charge LVGL 8.x, avec la v9.x prévue. La couverture des widgets s'élargit car PicoPixel est en bêta ouverte — SquareLine Studio et EEZ Studio disposent tous deux de bibliothèques de widgets plus étendues aujourd'hui. EEZ Studio propose en plus une programmation visuelle basée sur les flux (EEZ Flow) et est entièrement open source. SquareLine Studio a une communauté établie plus large et davantage de documentation spécifique aux plateformes. Voir la comparaison complète.

Bêta ouverte et limitations

PicoPixel est en bêta ouverte et est actuellement développé et maintenu par un développeur solo, Ed. L'ensemble de widgets s'enrichit activement, le support de LVGL v9.x est prévu et certaines fonctionnalités comme les animations et les transitions figurent encore sur la feuille de route. Il peut y avoir des limitations temporaires à mesure que l'infrastructure évolue. Votre patience et vos retours sont précieux — si vous rencontrez quoi que ce soit, n'hésitez pas à nous contacter.

Nous contacter

Vous avez des questions, des idées ou souhaitez collaborer avec nous ? Nous serions ravis de vous entendre. Contactez-nous via notre page de contact.