À propos de PicoPixel, l’éditeur LVGL dans votre navigateur
Qu’est-ce que PicoPixel ?
Un outil de conception visuelle dans votre navigateur, pensé pour les interfaces embarquées qui utilisent LVGL.
Déposez des widgets sur un canevas au pixel près, ajustez leur apparence et reliez leurs événements dans l’éditeur visuel. Gérez vos ressources réutilisables, puis exportez du code C prêt pour la production sur votre plateforme cible. Imaginez Figma, mais pour les interfaces embarquées.
Tout fonctionne dans le navigateur, sans rien installer. PicoPixel est gratuit.
Boutons, curseurs, interrupteurs, arcs, graphiques, listes déroulantes, sélecteurs à rouleau, cases à cocher, zones de texte, vues à onglets, conteneurs et images
Connectez des interactions sans écrire de code C
Un aperçu fidèle au rendu sur votre appareil, grâce à WebAssembly
Curseurs en direct, annotations, liens de simulateur partageables
Historique détaillé de la session et restauration en un clic
Code LVGL 8.x propre pour ESP32, STM32, RP2040 et plus
Sur les épaules de géants
Rien de tout cela n’existerait sans LVGL et le travail incroyable de l’équipe LVGL pour rendre la bibliothèque entièrement open source. Leur décision de garder LVGL gratuit et accessible a rendu possible l’existence d’outils comme PicoPixel.
Nous sommes profondément reconnaissants envers toutes les personnes qui contribuent à l’écosystème LVGL : les mainteneurs, les membres de la communauté qui ouvrent des issues et ecrivent des pilotes, et chaque développeur qui choisit de travailler avec LVGL. Merci.
Le frontend de PicoPixel est né d’un fork de Penpot. Nous sommes profondément reconnaissants envers l’équipe et la communauté Penpot pour les fondations offertes par leur travail open source. Nous souhaitons publier notre version dès que PicoPixel aura atteint une version stable.
Adapter PicoPixel à LVGL a nécessité de profondes modifications du code d’origine, notamment plusieurs moteurs de rendu spécialisés qui transforment une plateforme de conception généraliste en éditeur et simulateur natif LVGL. Sans ce travail architectural, PicoPixel serait resté un simple plugin LVGL plutôt que la plateforme spécialisée qu’il est aujourd’hui.
Lors du lancement de PicoPixel, l’équipe LVGL nous a adressé ses félicitations et de chaleureux encouragements.
Elle a accueilli le projet comme une belle contribution à son écosystème et s’est montrée enthousiaste à l’idée de voir davantage d’outils autour de LVGL.
Pourquoi nous l’avons créé
Créer une interface embarquée a longtemps demandé de saisir les coordonnées de chaque élément à la main et de composer avec des bibliothèques graphiques de bas niveau : écrire du C, flasher l’appareil, vérifier l’écran, ajuster, puis recommencer.
Les développeurs de systèmes embarqués méritent les mêmes outils de conception visuelle que ceux du web et du mobile. PicoPixel leur propose un éditeur par glisser-déposer, un simulateur qui reproduit le rendu sur l’appareil et un espace où toute l’équipe peut concevoir ensemble en temps réel.
Comment ça marche
Du canevas à votre appareil en six étapes.
Concevoir
Glissez des widgets LVGL sur un canevas au pixel près et stylisez-les visuellement.
Connecter les interactions
Associez les boutons à la navigation et les curseurs aux libellés à mettre à jour, sans écrire de code C.
Prévisualiser
Voyez votre interface dans un simulateur LVGL en direct propulse par WebAssembly. Le vrai moteur de rendu, pas une maquette.
Exporter
Générez du code C LVGL prêt pour la production (fichiers .c et .h) sans dépendances propriétaires.
Flasher
Ajoutez les fichiers exportés à votre projet ESP-IDF, Arduino ou PlatformIO, puis flashez le matériel.
Améliorer
Collaborez avec votre équipe en temps réel grâce à la gestion de versions intégrée.
Une note d’Ed
Je travaille actuellement sur un combiné d’instruments et partage mon temps entre Tokyo et Shenzhen. Si vous concevez du matériel ou passez dans l’une de ces villes, je serais ravi de prendre un verre avec vous et de parler de nos projets.
Avant PicoPixel, j’ai passé quelques années dans l’une des plus grandes sociétés de courtage. J’ai aussi travaillé sur quelques prototypes de Watch dans une startup rachetée par Apple. C’est là qu’est née l’envie de revenir au matériel, puis de créer ce projet.
J’aimerais découvrir vos projets et les améliorations que vous attendez de PicoPixel. N’hésitez pas à m’écrire.
Bêta ouverte
Où nous en sommes, en toute transparence.
PicoPixel est en bêta ouverte et un seul développeur en assure aujourd’hui la création et la maintenance. La liste des widgets s’enrichit, la prise en charge de LVGL v9.x est prévue et de nouvelles fonctions arrivent régulièrement, comme le mode Animation et sa timeline à images clés, lancés récemment.
Certaines limites temporaires peuvent s’appliquer pendant que nous adaptons l’infrastructure à la demande. Merci pour votre patience et vos retours. Si vous rencontrez un problème, contactez-nous.
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 !