L'éditeur glisser-déposer LVGL ultime & constructeur de GUI.
Questions fréquentes
Tout ce que vous devez savoir sur PicoPixel. Vous ne trouvez pas ce que vous cherchez ? Contactez-nous.
Général
Qu'est-ce que PicoPixel ?
PicoPixel est un éditeur visuel basé sur navigateur pour LVGL — la bibliothèque graphique open source populaire pour les écrans embarqués. Il vous permet de concevoir, prévisualiser dans un simulateur en direct et exporter du C code prêt pour la production sans écrire de code de mise en page répétitif à la main. Découvrez comment ça marche.
Dois-je installer quelque chose ?
Non. PicoPixel fonctionne entièrement dans votre navigateur — il n'y a pas d'application de bureau, pas de plugin et pas de SDK à installer. Ouvrez l'URL de l'éditeur, connectez-vous avec GitHub ou Google, et commencez à concevoir.
Quels navigateurs sont pris en charge ?
PicoPixel fonctionne au mieux dans les dernières versions de Chrome, Edge et Firefox. Safari est pris en charge mais peut présenter des différences mineures de rendu avec certains widgets LVGL.
Quelles plateformes et cartes PicoPixel prend-il en charge ?
PicoPixel génère du code C LVGL standard qui fonctionne sur toute plateforme disposant d'un port LVGL — y compris ESP32 (toutes les variantes, y compris ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas et les systèmes basés sur Linux. Nous avons testé sur des cartes de LILYGO, M5Stack, Waveshare, Guition, Elecrow et Adafruit. Si votre materiel execute LVGL, le code exporte fonctionnera dessus.
En quoi PicoPixel diffère-t-il de SquareLine Studio ?
PicoPixel est basé sur navigateur (aucune installation), prend en charge la collaboration en équipe en temps réel et inclut un simulateur LVGL en direct propulsé par WebAssembly. SquareLine Studio est une application de bureau qui nécessite une licence payante pour un usage commercial. PicoPixel est nettement plus abordable, avec un niveau gratuit généreux et des plans payants compétitifs. Pour une comparaison détaillée, consultez notre comparaison des éditeurs LVGL.
Comment PicoPixel se compare-t-il aux autres éditeurs LVGL ?
Nous fournissons une comparaison détaillée de PicoPixel, SquareLine Studio et EEZ Studio couvrant les fonctionnalités, les tarifs, la collaboration, l'exportation de code et plus encore. Consultez la comparaison complète des éditeurs LVGL.
Quel est le flux de travail typique dans PicoPixel ?
Le flux de travail est : concevez votre interface visuellement sur le canevas, connectez les interactions avec l'éditeur visuel d'événements, prévisualisez dans le simulateur LVGL en direct, exportez du C code prêt pour la production et intégrez-le dans votre projet firmware. Pour un guide étape par étape, consultez Comment PicoPixel fonctionne.
Éditeur et fonctionnalités
Quelle version de LVGL PicoPixel cible-t-il ?
PicoPixel cible actuellement LVGL 8.x, avec le support de v9.x prévu. Le code généré utilise des appels standard à l'API LVGL, il compile donc proprement avec la dernière version 8.x.
Puis-je importer un projet LVGL existant ?
Vous ne pouvez pas importer de code C LVGL brut ni des projets d'autres éditeurs comme SquareLine Studio ou EEZ Studio. En revanche, vous pouvez exporter, partager et importer des fichiers de projet .picopixel, qui contiennent votre conception LVGL complete. L'importation de fichiers source LVGL externes est dans notre feuille de route et constitue l'une des fonctionnalités les plus demandées.
Comment fonctionne la prévisualisation en direct ?
PicoPixel compile LVGL en WebAssembly et l'exécute directement dans votre navigateur. Ce que vous voyez dans la prévisualisation est le véritable moteur de rendu LVGL — pas une maquette — la sortie correspond donc à votre matériel cible pixel par pixel.
Puis-je utiliser des polices et images personnalisées ?
Oui. Vous pouvez televerser des fichiers de polices personnalisees et des ressources d’images directement dans l’editeur. PicoPixel inclut aussi une bibliotheque de polices integrees, que vous pouvez convertir pour votre projet LVGL en un clic au lieu de chercher et convertir les polices manuellement. Le support Unicode complet est inclus pour des langues comme l’arabe, l’hebreu, le chinois, le japonais, le coreen et plus encore. Le mode Fonts vous permet de creer et gerer un ensemble de polices LVGL, et la Bibliotheque de ressources stocke widgets, images, polices et couleurs reutilisables. En savoir plus dans notre guide des polices LVGL, ou essayez le modele de polices pour explorer les polices integrees avec plusieurs langues.
PicoPixel dispose-t-il d'un simulateur LVGL en direct ?
Oui. PicoPixel compile LVGL en WebAssembly et l'exécute directement dans votre navigateur. Le simulateur rend votre conception en utilisant le véritable moteur LVGL, donc ce que vous voyez correspond à votre matériel cible. Les superpositions d'interaction montrent ce qui peut être touché et défilé. Vous pouvez également générer des liens de simulateur partageables pour les clients ou les coéquipiers.
Plusieurs personnes peuvent-elles modifier un projet en même temps ?
Oui. PicoPixel prend en charge l'édition collaborative en temps réel. Plusieurs membres de l'équipe peuvent travailler sur le même projet simultanément, laisser des commentaires et des annotations, et voir les modifications des autres en direct. Le controle de version integre vous permet de creer des points de sauvegarde pour suivre les changements, et les notifications vous tiennent informe lorsqu’un coequipier laisse un retour sur votre travail.
Quel code PicoPixel exporte-t-il ?
PicoPixel exporte un fichier zip contenant du C code LVGL propre et prêt pour la production (fichiers .c et .h). La sortie comprend la configuration des widgets, le style, la mise en page, les liaisons d'événements et les références d'actifs — le tout utilisant des appels standard à l'API 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 de connecter visuellement les gestionnaires d'événements LVGL — faites glisser des actions sur les widgets pour la navigation entre écrans, les changements de style, les mises à jour de valeurs et plus encore — sans écrire de C code. PicoPixel génère automatiquement les callbacks d'événements LVGL lors de l'exportation. Consultez toutes les fonctionnalités.
PicoPixel dispose-t-il d'un contrôle de version intégré ?
Oui. PicoPixel inclut un contrôle de version intégré avec des points de sauvegarde, un historique granulaire de session (Session Actions) et la possibilité de revenir à n'importe quel état précédent. Aucun VCS externe n'est nécessaire pour votre travail de conception d'interface.
Que sont les modes d'espace de travail ?
L'éditeur PicoPixel dispose de trois modes : Build, Reference et Animation. Le mode Build sert a placer et concevoir des widgets LVGL, gerer les assets et construire votre interface. Le mode Reference permet d'ajouter du texte et des images hors de votre ecran LVGL comme notes pour vous ou votre equipe ; ce contenu n'est pas du LVGL, n'est pas exporte et n'est pas conserve lors du partage de fichiers .picopixel. Le mode Animation fournit un editeur avance de keyframes sur timeline pour creer des animations personnalisees sur des proprietes de widgets comme la position, la taille et l’opacite.
PicoPixel a-t-il un editeur d’animations ?
Oui. PicoPixel inclut un puissant mode Animation avec un editeur complet de keyframes sur timeline. Vous pouvez animer des proprietes de widgets comme la position, la taille et l’opacite dans le temps, creer des courbes d’animation personnalisees et choregraphier des sequences complexes multi-pistes. Les animations sont previsualisees en direct dans le simulateur et exportees avec votre code C LVGL. Contrairement a d’autres editeurs qui reservent les animations aux plans payants, PicoPixel ne limite pas les animations selon le plan, gratuit ou payant. Il existe une limite realiste de 100 animations par projet pour eviter les abus, mais aucune restriction par niveau.
Technique
Puis-je utiliser PicoPixel pour créer une interface tactile ESP32 ?
Absolument. PicoPixel génère du C code LVGL standard qui fonctionne avec n'importe quelle variante d'ESP32 — y compris ESP32-S3, ESP32-P4 et plus. L'exportation a été testée sur des cartes Waveshare et Guition ESP32-P4. Concevez visuellement la disposition de votre écran tactile, prévisualisez-la dans le simulateur et exportez le code pour ESP-IDF, Arduino ou PlatformIO. En savoir plus sur PicoPixel pour ESP32, ou suivez notre tutoriel ESP32 LVGL UI étape par étape pour démarrer.
PicoPixel fonctionne-t-il hors ligne ?
Non, PicoPixel est une application web qui nécessite une connexion Internet. Elle inclut la sauvegarde automatique, donc votre travail est protégé même si votre connexion se coupe. Si le support hors ligne vous interesse, dites-le-nous. Pour les organisations de secteurs sensibles comme la defense ou le medical qui ont besoin de deploiements air-gap, nous proposons une option on-premise dediee ou toute l’application est deployee sur votre propre materiel derriere votre propre authentification (LDAP, SSO ou tout fournisseur OAuth), avec journaux d’audit personnalises et traces completes. Contactez-nous si vous souhaitez l’evaluer.
Quels widgets LVGL PicoPixel prend-il en charge ?
PicoPixel prend en charge une large gamme de widgets LVGL organises en categories : Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) et Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox). Sprite est unique a PicoPixel : construit au-dessus d’Animated Image, il permet des animations avec etats pour definir differentes sequences selon les conditions, comme une animation de charge qui passe a une boucle completement chargee, ou un personnage comme Stack-Chan avec animations idle, marche et salut. Le jeu de widgets grandit et de nouveaux widgets sont ajoutes activement.
PicoPixel fonctionne-t-il avec ESP-IDF, Arduino et PlatformIO ?
Oui. Le code exporté utilise des appels standard à l'API LVGL sans dépendances propriétaires, il s'intègre donc avec tout système de compilation prenant en charge LVGL — y compris ESP-IDF, Arduino IDE et PlatformIO. Consultez le guide d'intégration ESP32 pour des instructions étape par étape.
Quelles résolutions d'affichage PicoPixel prend-il en charge ?
Vous pouvez définir n'importe quelle résolution d'affichage dans PicoPixel pour correspondre à votre matériel cible — des petits écrans ronds de 240x240 (GC9A01) aux TFT SPI de 320x240, panneaux de 800x480 et plus grands. Le simulateur en direct rend à la résolution choisie.
Tarifs et plans
PicoPixel est-il gratuit ?
Oui, PicoPixel est gratuit et le restera. Aucune carte de crédit requise. Depuis le lancement, PicoPixel a grandi plus vite que prévu et nous sommes ravis de l’accueil de la communauté. Les plans payants sont désormais disponibles pour les équipes et les utilisateurs qui ont besoin de plus grande échelle. Le niveau gratuit Community reste généreux, avec l’éditeur principal, le simulateur en direct, l’export de code et plus encore. Les plans payants concernent seulement le stockage étendu, davantage de projets, des équipes plus grandes et les seuils d’usage commercial. Consultez notre page des tarifs pour les niveaux actuels.
Y aura-t-il un niveau gratuit ?
Oui. Le niveau Community gratuit inclut l’edition principale, le simulateur en direct, l’export de code et jusqu’a 10 projets. L’usage commercial du code genere est disponible avec certains plans payants. Consultez notre page des tarifs pour les details.
Comment fonctionnent les tarifs ?
Les plans payants vont de Starter (10 $/mois) a Pro (20 $/mois) pour les individus, et de Startup (100 $/mois) a Enterprise (450 $/mois) pour les equipes, avec des remises annuelles disponibles. Les plans font evoluer le stockage, les limites de projets, les sieges d’equipe et les seuils d’usage commercial. Tous les comptes existants restent grand-fathered. Consultez la page des tarifs pour le detail complet.
Puis-je utiliser le code généré par PicoPixel dans des produits commerciaux ?
Le code exporte utilise des appels standard a l’API LVGL sans dependances proprietaires. Avec le plan Pro et au-dela, vous pouvez utiliser librement le code genere par PicoPixel dans des produits commerciaux. Les plans Community et Starter sont reserves aux usages personnels, educatifs et hobby et n’incluent pas les droits d’usage commercial. Consultez notre page des tarifs pour les details.
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 !