Der ultimative Drag-and-Drop LVGL-Editor & GUI-Builder.

Alles, was Sie zum Erstellen von LVGL-Oberflächen benötigen

PicoPixel ist ein browserbasierter visueller LVGL-GUI-Builder mit Drag-and-Drop-Design, Echtzeit-Zusammenarbeit, einem WebAssembly-betriebenen Live-Simulator und produktionsreifem C code-Export. Entwerfen Sie eingebettete Touchscreen-UIs für ESP32, STM32, Arduino und jede LVGL-kompatible Plattform.

Kostenlos starten!

Funktionen

Visueller Drag-and-Drop-Canvas

Platzieren Sie LVGL-Widgets auf einem pixelgenauen Canvas und gestalten Sie sie visuell. Passen Sie Farben, Schriftarten, Abstände und Flex-Layouts in Echtzeit an.

ButtonLabelSliderSwitchArc

Echtzeit-Zusammenarbeit

Bearbeiten Sie dasselbe Projekt gleichzeitig mit Ihrem Team. Live-Cursor, Feedback und geteilte Projektlinks — wie Figma für eingebettete UIs.

A
B
C
3 team members online

Live-LVGL-Simulator

Zeigen Sie eine Vorschau Ihrer Benutzeroberfläche in einem WebAssembly-betriebenen LVGL-Simulator im Browser an. Die echte Rendering-Engine — kein Mockup.

320 × 240, LVGL 8.x

Wiederverwendbare Asset-Bibliothek

Speichern Sie benutzerdefinierte Widgets, Bilder, Schriftarten und Farben in einer gemeinsamen Bibliothek. Ziehen Sie sie in jedes Projekt.

Widgets3 saved
Colors
AaFonts
Images

Visueller Event-Editor

Verbinden Sie LVGL-Event-Handler visuell. Ziehen Sie Aktionen auf Widgets — Bildschirmnavigation, Stiländerungen, Wertaktualisierungen — kein C code erforderlich.

Produktionsreifer Code-Export

Exportieren Sie sauberen LVGL-C code (.c- und .h-Dateien) ohne proprietäre Abhängigkeiten. Kompiliert auf ESP32, STM32, Arduino und jeder LVGL-Plattform.

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

Teilbare Vorschau-Links

Senden Sie einen Simulator-Link an beliebige Personen. Sie können mit Ihrer Live-LVGL-Oberfläche im Browser interagieren — kein Konto erforderlich.

app.picopixel.io/share/proj_x8k2m

Browserbasiert — keine Installation nötig

Keine Desktop-App, kein Lizenz-Dongle. Öffnen Sie einen Browser-Tab und beginnen Sie mit dem Design. Funktioniert auf jedem Betriebssystem.

ChromeFirefoxSafariEdge

Integrierte Versionskontrolle

Erstellen Sie Checkpoints, stellen Sie jede Version wieder her und verfolgen Sie granulare Änderungen mit Session Actions. Kein externes VCS für Ihr UI-Design erforderlich.

Added home screen
Styled nav bar
Initial layout

Ein vollständiger visueller LVGL-GUI-Builder

PicoPixel ist ein visueller Drag-and-Drop-LVGL-Designer, der das manuelle Programmieren von Widget-Bäumen durch ein modernes, browserbasiertes Design-Erlebnis ersetzt. Anstatt Hunderte Zeilen C code zu schreiben, um Schaltflächen zu positionieren, Labels zu gestalten und Event-Callbacks zu verbinden, erledigen Sie alles visuell — und exportieren sauberen, produktionsreifen LVGL-Code, wenn Sie fertig sind.

Ob Sie ein Smart-Home-Panel, ein industrielles HMI, eine Handheld-Geräteoberfläche bauen oder eine Touchscreen-UI für ein neues Produkt prototypen — PicoPixel gibt Ihnen die Werkzeuge, um schneller zu entwerfen, vorzuschauen und zu liefern. Der LVGL-GUI-Builder funktioniert mit ESP32, STM32, Arduino, Raspberry Pi Pico und jeder Plattform, die LVGL ausführt. Sehen Sie, wie PicoPixel im Vergleich abschneidet zu anderen LVGL-Editoren.

Häufig gestellte Fragen

Wie unterscheidet sich PicoPixel von SquareLine Studio?

PicoPixel ist browserbasiert (keine Installation), unterstützt Echtzeit-Team-Zusammenarbeit und enthält einen Live-LVGL-Simulator, der von WebAssembly angetrieben wird. SquareLine Studio ist eine Desktop-Anwendung, die eine kostenpflichtige Lizenz für die kommerzielle Nutzung erfordert. PicoPixel ist deutlich erschwinglicher, mit einem großzügigen kostenlosen Plan und wettbewerbsfähigen kostenpflichtigen Plänen. Für einen detaillierten Vergleich siehe unseren LVGL-Editor-Vergleich.

Welche Hardware-Plattformen unterstützt PicoPixel?

PicoPixel generiert Standard-LVGL-C-Code, der auf jeder Plattform mit einem LVGL-Port läuft — einschließlich ESP32 (alle Varianten einschließlich ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas und Linux-basierte Systeme. Wir haben auf Boards von LILYGO, M5Stack, Waveshare, Guition, Elecrow und Adafruit getestet. Wenn Ihre Hardware LVGL ausführt, funktioniert der exportierte Code damit.

Welchen Code generiert PicoPixel?

PicoPixel exportiert eine ZIP-Datei mit sauberem, produktionsreifem LVGL-C-Code (.c- und .h-Dateien). Die Ausgabe umfasst Widget-Setup, Styling, Layout, Event-Bindungen und Asset-Referenzen — alles mit Standard-LVGL-API-Aufrufen ohne proprietäre Abhängigkeiten.

Ist PicoPixel kostenlos?

Ja, PicoPixel ist kostenlos und wird es immer bleiben. Keine Kreditkarte erforderlich. Seit dem Launch ist PicoPixel unerwartet schnell gewachsen, und wir sind begeistert vom Zuspruch der Community. Kostenpflichtige Pläne sind jetzt für Teams und Nutzer verfügbar, die größere Skalierung benötigen. Der kostenlose Community-Plan bleibt großzügig, mit Kern-Editor, Live-Simulator, Code-Export und mehr. Kostenpflichtige Pläne richten sich nur an jene, die erweiterten Speicher, mehr Projekte, größere Teams und Schwellen für kommerzielle Nutzung benötigen. Weitere Details finden Sie in unserem vollständigen FAQ.

Kann ich PicoPixel offline verwenden?

Nein, PicoPixel ist eine webbasierte Anwendung, die eine Internetverbindung erfordert. Es enthält Auto-Save, sodass Ihre Arbeit auch bei Verbindungsabbrüchen geschützt ist. Wenn Offline-Unterstützung eine gewünschte Funktion ist, teilen Sie uns das mit.

Führt der Live-Simulator wirklich LVGL aus?

Ja. PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in Ihrem Browser aus. Was Sie in der Vorschau sehen, ist die echte LVGL-Rendering-Engine — kein Mockup oder CSS-Annäherung. Die Ausgabe stimmt pixelgenau mit Ihrer Zielhardware überein.

Erstellen Sie Ihre LVGL-Oberfläche kostenlos

Entwerfen Sie Embedded-UIs visuell, zeigen Sie sie in einem Live-LVGL-Simulator an und exportieren Sie produktionsreifen C-Code. Keine Installation. Keine Kreditkarte. Öffnen Sie PicoPixel im Browser und beginnen Sie mit dem Design.

Loslegen. Es ist kostenlos!

FAQ lesen · Kontakt aufnehmen