Éditeur visuel glisser-déposer pour LVGL

Construisez des interfaces LVGL visuellement

Ensemble.

Concevez, prototypez et exportez des interfaces LVGL prêtes pour la production — sans coder à la main.

Commencez gratuitement !
PicoPixel editor workspace showing a car dashboard UI design with speedometer and gauges PicoPixel typography panel showing font selection and sizing

Édition collaborative en temps réel — laissez des commentaires, voyez les changements au fur et à mesure et gardez votre équipe synchronisée.

Créez et restaurez différentes versions facilement. Les Actions de session suivent les changements détaillés de vos widgets.

Créez des widgets personnalisés réutilisables que vous pouvez glisser-déposer dans des projets existants ou nouveaux.

Simulateur LVGL en direct partageable avec vos collègues ou clients. Les superpositions d'interaction montrent exactement ce qui peut être touché et défilé.

Créez facilement un ensemble de polices et éliminez celles dont vous n'avez pas besoin une fois la taille idéale trouvée.

Qu'est-ce que PicoPixel ?

PicoPixel est un éditeur visuel LVGL basé sur navigateur. Glissez-déposez des composants sur un canevas en direct, stylisez-les visuellement et exportez du code C propre prêt à compiler sur ESP32 et au-delà.

Considérez-le comme le Figma des interfaces embarquées — collaboration en temps réel, simulateur intégré et rien à installer. Explorez toutes les fonctionnalités ou découvrez comment ça marche.

Fonctionnalités clés

Tout ce dont vous avez besoin pour concevoir des GUIs LVGL

Une boîte à outils visuelle complète pour LVGL — du glisser-déposer à l'exportation de code prêt pour la production.

PicoPixel visual canvas with drag-and-drop widgets

Canevas de conception visuel

Ajoutez des widgets sur un canevas LVGL au pixel près. Visualisez chaque modification en temps réel.

Version control history panel showing checkpoints and revisions

Contrôle de version intégré

Suivez chaque modification avec le contrôle de version intégré. Utilisez le panneau Actions pour un historique détaillé et des retours en arrière précis.

Component library panel with LVGL widgets

Bibliothèque de ressources

Widgets, images, polices et couleurs réutilisables — glissez-déposez pour construire de nouvelles interfaces.

Code export panel showing generated LVGL C code

Partagez facilement

Envoyez des liens de simulateur à vos clients ou collègues — ils peuvent voir la progression et interagir avec votre UI en direct.

Events editor with drag-and-drop LVGL actions

Éditeur d’événements

Glissez-déposez des gestionnaires d'événements sur les widgets et boutons. Connectez les actions, transitions et callbacks LVGL sans écrire de code.

Compatible avec Arduino, ESP32 et plus

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

PicoPixel génère du code C LVGL standard qui compile sur toute plateforme avec un port LVGL — y compris ESP32, STM32, Arduino, Raspberry Pi Pico et des dizaines d'autres microcontrôleurs.

Flux de travail simple

Comment ça marche

1

Concevez

Glissez des widgets LVGL sur un canevas au pixel près. Stylisez couleurs, polices, mises en page et animations en temps réel.

2

Prévisualisez

Exécutez votre interface dans le simulateur LVGL intégré propulsé par WebAssembly. Partagez des liens de prévisualisation interactifs avec votre équipe ou vos clients.

3

Exportez

Téléchargez du code C prêt pour la production optimisé pour votre carte cible. Flashez-le et retrouvez exactement la même UI sur le matériel. Comparez avec d'autres éditeurs LVGL.

Utilisation gratuite

Commencez à construire votre UI embarquée — gratuitement.

Pas de carte de crédit. Pas de limite de temps. Plongez directement dans l'éditeur visuel LVGL et donnez vie à vos interfaces embarquées — que vous construisiez pour ESP32, Arduino, M5Stack ou toute carte compatible LVGL. Voir toutes les fonctionnalités.