À propos de PicoPixel — l’éditeur LVGL basé sur navigateur
Qu’est-ce que PicoPixel ?
Un outil de conception visuelle base sur navigateur, concu pour les interfaces utilisateur embarquees propulsees par LVGL.
Glissez-deposez des widgets sur un canevas au pixel pres, stylisez-les visuellement, connectez des gestionnaires d’evenements avec un editeur visuel, gerez des ressources reutilisables et exportez du code C pret pour la production vers votre plateforme cible. Pensez-y comme a Figma pour les interfaces embarquees.
Tout fonctionne dans le navigateur, sans rien installer. PicoPixel est gratuit.
Boutons, curseurs, interrupteurs, arcs, graphiques, listes deroulantes, rollers, cases a cocher, zones de texte, vues a onglets, conteneurs, images
Connectez des interactions sans ecrire de code C
Apercu materiel pixel pour pixel propulse par WebAssembly
Curseurs en direct, annotations, liens de simulateur partageables
Historique de session granulaire avec retour arriere en un clic
Code LVGL 8.x propre pour ESP32, STM32, RP2040 et plus
Sur les epaules de geants
Rien de tout cela n’existerait sans LVGL et le travail incroyable de l’equipe LVGL pour rendre la bibliotheque entierement open source. Leur decision de garder LVGL gratuit et accessible a rendu possible l’existence d’outils comme PicoPixel.
Nous sommes profondement reconnaissants envers toutes les personnes qui contribuent a l’ecosysteme LVGL : les mainteneurs, les membres de la communaute qui ouvrent des issues et ecrivent des pilotes, et chaque developpeur qui choisit de construire avec LVGL. Merci.
L’equipe LVGL nous a contactes avec uniquement des mots bienveillants et des felicitations lors du lancement de PicoPixel.
Ils ont accueilli le projet comme un ajout positif a l’ecosysteme et ont exprime un veritable enthousiasme pour davantage d’outils construits autour de LVGL.
Nous avons recu recemment un e-mail assez agressif de l’un de leurs collaborateurs.
Nous ne reproduirons pas son contenu ici, mais il nous semblait utile de noter le contraste dans la facon dont differents membres de la communaute ont choisi de reagir.
Pourquoi nous l’avons cree
Construire des interfaces pour appareils embarques a longtemps signifie coder a la main des coordonnees de pixels et lutter avec des bibliotheques graphiques bas niveau : ecrire du C, flasher, verifier l’ecran, ajuster, puis flasher encore.
Nous pensons que les developpeurs embarques meritent la meme experience de conception visuelle que les developpeurs web et mobiles. PicoPixel comble cet ecart avec un editeur glisser-deposer, un simulateur en direct qui montre exactement le rendu de votre UI sur materiel, et un flux collaboratif qui permet aux equipes de concevoir ensemble en temps reel.
Comment ca fonctionne
Du canevas au materiel en six etapes.
Concevoir
Glissez des widgets LVGL sur un canevas au pixel pres et stylisez-les visuellement.
Connecter les interactions
Reliez les appuis de boutons a la navigation, les changements de curseur aux mises a jour de libelles. Sans code C.
Previsualiser
Voyez votre UI dans un simulateur LVGL en direct propulse par WebAssembly. Le vrai moteur de rendu, pas une maquette.
Exporter
Generez du code C LVGL pret pour la production (fichiers .c et .h) sans dependances proprietaires.
Flasher
Ajoutez les fichiers exportes a votre projet ESP-IDF, Arduino ou PlatformIO, puis flashez le materiel.
Iterer
Collaborez avec votre equipe en temps reel grace au controle de version integre.
Une note d’Ed

Je construis actuellement un combine d’instruments et je passe une bonne partie de mon temps entre Tokyo et Shenzhen. Si vous construisez du materiel ou si vous etes dans l’une de ces villes, j’aimerais prendre un verre et parler boutique.
Avant PicoPixel, j’ai passe quelques annees dans l’une des plus grandes societes de courtage. J’ai aussi travaille dans une startup acquise par Apple sur quelques prototypes de Watch. C’est la que l’envie de revenir plus pres du materiel a commence, et elle a fini par mener a ce projet.
J’aimerais beaucoup entendre ce que vous construisez et les changements que vous aimeriez voir dans PicoPixel. Ne soyez pas etranger.
Beta ouverte
Honnetes sur notre stade actuel.
PicoPixel est en beta ouverte et est actuellement construit et maintenu par un developpeur solo. Le jeu de widgets grandit activement, le support LVGL v9.x est prevu, et de nouvelles fonctionnalites arrivent regulierement, dont le mode Animation recemment lance avec keyframing sur timeline.
Il peut y avoir des limites temporaires pendant que l’infrastructure monte en charge. Votre patience et vos retours comptent enormement. Si vous rencontrez quoi que ce soit, n’hesitez pas a nous contacter.
Commencez a construire votre interface LVGL gratuitement
Concevez des UI embarquees visuellement, previsualisez-les dans un simulateur LVGL en direct et exportez du code C pret pour la production. Aucune installation. Aucune carte bancaire. Ouvrez PicoPixel dans votre navigateur et commencez a concevoir.
Commencez. C’est gratuit !