L’éditeur visuel complet pour créer vos interfaces LVGL par glisser-déposer.

Questions fréquentes

Tout ce que vous devez savoir sur PicoPixel. Vous ne trouvez pas ce que vous cherchez ? Contactez-nous.

Généralités

Qu'est-ce que PicoPixel ?

PicoPixel est un éditeur visuel pour LVGL, la bibliothèque graphique open source pour les écrans embarqués. Dans votre navigateur, concevez votre interface, essayez-la dans le simulateur et exportez du code C prêt pour la production. L’éditeur vous évite de saisir à la main tout le code de mise en page répétitif. Découvrez comment ça marche.

Dois-je installer quelque chose ?

Non. PicoPixel fonctionne entièrement dans votre navigateur, sans application de bureau, plugin ni SDK à installer. Ouvrez l’éditeur, connectez-vous avec GitHub ou Google et commencez à concevoir.

Quels navigateurs sont pris en charge ?

PicoPixel fonctionne au mieux avec les dernières versions de Chrome, Edge et Firefox. Safari est également pris en charge, mais certains widgets LVGL peuvent présenter de légères différences de rendu.

Quelles plateformes et cartes PicoPixel prend-il en charge ?

PicoPixel génère du code C LVGL standard compatible avec toute plateforme disposant d’un portage de LVGL : ESP32, dont l’ESP32-P4, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas et les systèmes Linux. Nous l’avons testé sur des cartes LILYGO, M5Stack, Waveshare, Guition, Elecrow et Adafruit. Si votre matériel exécute LVGL, il peut utiliser le code exporté.

En quoi PicoPixel diffère-t-il de SquareLine Studio ?

PicoPixel fonctionne dans le navigateur, permet de collaborer en temps réel et comprend un simulateur LVGL qui utilise WebAssembly. SquareLine Studio est une application de bureau qui exige une licence payante pour un usage commercial. PicoPixel propose une offre gratuite généreuse et des offres payantes nettement plus abordables. Consultez notre comparatif des éditeurs LVGL pour en savoir plus.

Comment PicoPixel se compare-t-il aux autres éditeurs LVGL ?

Notre comparatif présente les fonctionnalités, les tarifs, la collaboration et l’export de code de PicoPixel, SquareLine Studio et EEZ Studio. Consultez la comparaison complète des éditeurs LVGL.

Quel est le flux de travail typique dans PicoPixel ?

Commencez par concevoir votre interface sur le canevas, puis reliez les interactions dans l’éditeur d’événements. Essayez le résultat dans le simulateur LVGL, exportez le code C prêt pour la production et intégrez-le à votre firmware. Retrouvez toutes les étapes dans le guide Comment fonctionne PicoPixel.

Éditeur et fonctionnalités

Quelle version de LVGL PicoPixel cible-t-il ?

PicoPixel cible actuellement LVGL 8.x et prévoit de prendre en charge v9.x. Le code généré utilise les API standard de LVGL et se compile avec la dernière version 8.x.

Puis-je importer un projet LVGL existant ?

L’import de code C LVGL brut ou de projets d’autres éditeurs n’est pas encore disponible. L’import des projets EEZ Studio est prévu ; celui des projets SquareLine Studio n’est ni disponible ni prévu. Aucune décision n’a été prise pour les autres formats. Vous pouvez en revanche exporter, partager et importer des fichiers .picopixel, qui contiennent l’intégralité de votre conception LVGL.

Comment fonctionne la prévisualisation en direct ?

PicoPixel exécute le véritable moteur de rendu LVGL, compilé en WebAssembly, dans votre navigateur. L’aperçu reproduit ainsi le rendu sur votre matériel cible au pixel près.

Puis-je utiliser des polices et images personnalisées ?

Oui. Vous pouvez importer vos propres fichiers de police et vos images. PicoPixel propose aussi des polices intégrées, convertibles pour LVGL en un clic. La prise en charge d’Unicode permet d’utiliser notamment l’arabe, l’hébreu, le chinois, le japonais et le coréen. Le mode Fonts sert à créer et gérer vos polices LVGL ; la bibliothèque de ressources rassemble vos widgets, images, polices et couleurs réutilisables. Consultez le guide des polices LVGL ou ouvrez le modèle de polices pour explorer les polices intégrées dans plusieurs langues.

PicoPixel dispose-t-il d'un simulateur LVGL en direct ?

Oui. Le simulateur utilise le véritable moteur LVGL, compilé en WebAssembly, pour reproduire le rendu sur votre matériel cible. Ses repères d’interaction indiquent les zones tactiles et les éléments que vous pouvez faire défiler. Vous pouvez partager un lien du simulateur avec vos clients ou vos collègues.

Plusieurs personnes peuvent-elles modifier un projet en même temps ?

Oui. Plusieurs personnes peuvent modifier le même projet en temps réel, laisser des commentaires et des annotations, et voir les modifications de leurs collègues. La gestion de versions permet d’enregistrer des points de sauvegarde et de suivre les changements. Vous recevez aussi une notification lorsqu’un membre de l’équipe commente votre travail.

Quel code PicoPixel exporte-t-il ?

PicoPixel exporte une archive zip de code C LVGL propre et prêt pour la production, sous forme de fichiers .c et .h. Elle comprend les widgets, leurs styles, la mise en page, les événements et les références aux ressources. Le code utilise uniquement les API standard de LVGL, sans dépendances propriétaires.

PicoPixel dispose-t-il d'un éditeur visuel d'événements ?

Oui. L’éditeur d’événements vous permet d’associer visuellement des actions aux widgets : navigation, changements de style, mises à jour de valeurs, etc. Vous n’avez pas à écrire de code C ; PicoPixel génère les fonctions de rappel LVGL lors de l’export. Découvrez toutes les fonctionnalités.

PicoPixel dispose-t-il d’une gestion de versions intégrée ?

Oui. Vous pouvez créer des points de sauvegarde, consulter l’historique détaillé dans Session Actions et revenir à un état précédent. Aucun outil externe de gestion de versions n’est nécessaire pour concevoir votre interface.

Que sont les modes d'espace de travail ?

L’éditeur propose trois modes : Build, Reference et Animation. Build permet de placer les widgets LVGL, de régler leur apparence et de gérer les ressources. Reference sert à ajouter du texte et des images autour de l’écran LVGL comme notes pour vous et votre équipe. Ces notes ne font pas partie de LVGL, ne sont pas exportées et ne sont pas conservées lors du partage d’un fichier .picopixel. Animation propose une timeline à images clés pour animer la position, la taille, l’opacité et d’autres propriétés des widgets.

PicoPixel a-t-il un éditeur d’animations ?

Oui. Le mode Animation propose une timeline à images clés pour animer la position, la taille, l’opacité et d’autres propriétés. Vous pouvez créer vos propres courbes et coordonner des séquences sur plusieurs pistes. Les animations sont visibles dans le simulateur et incluses dans l’export C LVGL. Toutes les offres, gratuites ou payantes, donnent accès aux mêmes fonctions d’animation. Une limite de 100 animations par projet s’applique pour éviter les abus.

Technique

Puis-je utiliser PicoPixel pour créer une interface tactile ESP32 ?

Oui. Le code C LVGL généré fonctionne avec toutes les variantes d’ESP32, notamment l’ESP32-S3 et l’ESP32-P4. L’export a été testé sur les cartes ESP32-P4 de Waveshare et Guition. Concevez votre interface tactile, essayez-la dans le simulateur, puis exportez le code pour ESP-IDF, Arduino ou PlatformIO. Découvrez PicoPixel pour ESP32 ou suivez le tutoriel ESP32 et LVGL.

PicoPixel fonctionne-t-il hors ligne ?

PicoPixel nécessite une connexion Internet, mais la sauvegarde automatique protège votre travail en cas de coupure. Si vous souhaitez travailler hors ligne, dites-le-nous. Pour les organisations qui ont besoin d’un environnement isolé, notamment dans la défense ou le secteur médical, nous proposons un déploiement dédié sur leur propre matériel. Il utilise leur authentification, via LDAP, SSO ou tout fournisseur OAuth, et comprend des journaux d’audit personnalisés ainsi qu’une traçabilité complète. Contactez-nous pour évaluer cette solution.

Quels widgets LVGL PicoPixel prend-il en charge ?

Les widgets sont répartis dans les catégories Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) et Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox). Le widget Sprite, propre à PicoPixel et basé sur Animated Image, permet d’associer différentes séquences à différents états : une batterie en charge puis pleine, ou un personnage comme Stack-Chan qui attend, marche ou salue. De nouveaux widgets sont ajoutés régulièrement.

PicoPixel fonctionne-t-il avec ESP-IDF, Arduino et PlatformIO ?

Oui. Le code exporté utilise les API standard de LVGL, sans dépendances propriétaires. Il s’intègre à tout système de compilation compatible avec LVGL, notamment ESP-IDF, Arduino IDE et PlatformIO. Consultez le guide d’intégration ESP32 pour suivre les étapes.

Quelles résolutions d'affichage PicoPixel prend-il en charge ?

Vous pouvez choisir la résolution qui correspond à votre matériel, des petits écrans ronds de 240x240 (GC9A01) aux écrans TFT SPI de 320x240, en passant par les panneaux de 800x480 et les écrans plus grands. Le simulateur utilise la résolution choisie.

Offres et tarifs

PicoPixel est-il gratuit ?

Oui, PicoPixel est gratuit et le restera, sans carte bancaire requise. Le projet a grandi plus vite que prévu grâce à l’accueil de la communauté. Des offres payantes sont désormais disponibles pour les équipes et les projets qui demandent davantage de capacité. L’offre Community conserve les fonctions essentielles de l’éditeur, le simulateur et l’export de code. Les offres payantes augmentent le stockage, le nombre de projets, la taille des équipes et les seuils d’usage commercial. Consultez la page des tarifs pour connaître les offres actuelles.

Y aura-t-il une offre gratuite ?

Oui. L’offre Community gratuite comprend les fonctions essentielles de l’éditeur, le simulateur, l’export de code et jusqu’à 10 projets. Certaines offres payantes autorisent l’usage commercial du code généré. Consultez la page des tarifs pour en savoir plus.

Comment fonctionnent les tarifs ?

Les offres individuelles vont de Starter à 10 $/mois à Pro à 20 $/mois. Pour les équipes, elles vont de Startup à 100 $/mois à Enterprise à 450 $/mois. La facturation annuelle permet de bénéficier d’une réduction. Les offres se distinguent par le stockage, le nombre de projets, les places dans l’équipe et les seuils d’usage commercial. Les comptes existants conservent leurs conditions actuelles. Retrouvez tous les détails sur la page des tarifs.

Puis-je utiliser le code généré par PicoPixel dans des produits commerciaux ?

Le code exporté utilise les API standard de LVGL, sans dépendances propriétaires. Avec l’offre Pro ou une offre supérieure, vous pouvez l’utiliser dans des produits commerciaux. Community et Starter sont réservées aux usages personnels, éducatifs et amateurs et ne donnent pas de droits d’usage commercial. Consultez la page des tarifs pour en savoir plus.

Créez gratuitement votre première interface LVGL

Concevez votre interface embarquée visuellement, essayez-la dans le simulateur LVGL et exportez du code C prêt pour la production. Ouvrez PicoPixel dans votre navigateur pour commencer, sans installation ni carte bancaire.

Commencez gratuitement !

Lire la FAQ · Nous contacter