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

Tout ce dont vous avez besoin pour créer des interfaces LVGL

PicoPixel vous permet de créer vos interfaces LVGL dans le navigateur, par glisser-déposer et en collaboration avec votre équipe. Prévisualisez le résultat avec le simulateur WebAssembly, puis exportez du code C prêt pour la production. Concevez des interfaces tactiles pour ESP32, STM32, Arduino et toute plateforme compatible LVGL.

Commencez gratuitement !

Fonctionnalités

Conception visuelle par glisser-déposer

Placez des widgets LVGL sur un canevas au pixel près et stylisez-les visuellement. Ajustez les couleurs, polices, marges intérieures et mises en page flexibles en temps réel.

ButtonLabelSliderSwitchArc

Collaboration en temps réel

Éditez le même projet simultanément avec votre équipe. Curseurs en direct, retours d'information et liens de projet partagés — comme Figma pour les interfaces embarquées.

A
B
C
3 team members online

Simulateur LVGL en direct

Prévisualisez votre interface dans un simulateur LVGL qui utilise WebAssembly fonctionnant dans le navigateur. Le véritable moteur de rendu — pas une maquette.

320 × 240, LVGL 8.x

Bibliothèque de ressources réutilisables

Enregistrez des widgets personnalisés, des images, des polices et des couleurs dans une bibliothèque partagée. Glissez-les dans tout projet.

Widgets3 saved
Colors
AaFonts
Images

Éditeur visuel d'événements

Connectez visuellement les gestionnaires d'événements LVGL. Faites glisser des actions sur les widgets — navigation entre écrans, changements de style, mises à jour de valeurs — aucun code C requis.

Export de code prêt pour la production

Exportez du code C LVGL propre, sous forme de fichiers .c et .h, sans dépendances propriétaires. Il se compile pour ESP32, STM32, Arduino et toute plateforme compatible LVGL.

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

Liens de prévisualisation partageables

Envoyez un lien du simulateur à vos interlocuteurs. Ils pourront utiliser votre interface LVGL directement dans leur navigateur, sans créer de compte.

app.picopixel.io/share/proj_x8k2m

Dans votre navigateur, sans installation

Pas d'application de bureau, pas de dongle de licence. Ouvrez un onglet de navigateur et commencez à concevoir. Fonctionne sur tout OS.

ChromeFirefoxSafariEdge

Gestion de versions intégrée

Enregistrez des points de sauvegarde, restaurez une version précédente et consultez chaque modification dans Session Actions. Vous n’avez pas besoin d’un outil externe de gestion de versions pour concevoir votre interface.

Added home screen
Styled nav bar
Initial layout

Un éditeur visuel complet pour vos interfaces LVGL

PicoPixel est un éditeur visuel LVGL par glisser-déposer qui remplace le codage manuel des arborescences de widgets par une expérience de conception moderne basée sur navigateur. Au lieu d'écrire des centaines de lignes de code C pour positionner des boutons, styliser des libellés et connecter des fonctions de rappel d'événements, vous faites tout visuellement — et exportez du code LVGL propre et prêt pour la production lorsque vous avez terminé.

Que vous créiez un panneau domotique, une IHM industrielle, l’interface d’un appareil portable ou le prototype tactile d’un nouveau produit, PicoPixel vous aide à concevoir, tester et livrer plus rapidement. L’éditeur fonctionne avec ESP32, STM32, Arduino, Raspberry Pi Pico et toute plateforme compatible LVGL. Comparez PicoPixel aux autres éditeurs LVGL.

Questions fréquentes

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

PicoPixel est accessible dans le navigateur (aucune installation), prend en charge la collaboration en équipe en temps réel et inclut un simulateur LVGL en direct qui utilise WebAssembly. SquareLine Studio est une application de bureau qui exige une licence payante pour l’usage commercial. PicoPixel est nettement plus abordable, avec une offre gratuite généreuse et des offres payantes compétitifs. Pour une comparaison détaillée, consultez notre comparaison complète.

Quelles plateformes matérielles 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 matériel exécute LVGL, le code exporté fonctionnera dessus.

Quel code PicoPixel génère-t-il ?

PicoPixel exporte un fichier zip contenant du code C LVGL propre et lisible (fichiers .c et .h). La sortie comprend la création de widgets, les styles, la mise en page et la configuration des gestionnaires d'événements — le tout utilisant des appels standard à l'API LVGL sans dépendances propriétaires.

PicoPixel est-il gratuit ?

Oui, PicoPixel est gratuit et le restera. Aucune carte bancaire requise. Depuis le lancement, PicoPixel a grandi plus vite que prévu et nous sommes ravis de l’accueil de la communauté. Les offres payantes sont désormais disponibles pour les équipes et les utilisateurs qui ont besoin de capacités supplémentaires. L’offre gratuite Community reste généreuse, avec toutes les fonctions essentielles de l’éditeur, le simulateur en direct, l’export de code et plus encore. Les offres payantes concernent seulement le stockage étendu, davantage de projets, des équipes plus grandes et les seuils d’usage commercial. Consultez notre FAQ complète pour les détails actuels.

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 fonctionnement hors ligne vous intéresse, dites-le-nous.

Le simulateur en direct exécute-t-il vraiment LVGL ?

Oui. 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 ou une approximation CSS. Le résultat correspond à votre matériel cible au pixel près.

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