Der visuelle Drag-and-Drop-LVGL-Editor.

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 während des Early Access.

Kostenlos starten!

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.

Widgets 3 saved
Colors
Aa Fonts
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. Für einen detaillierten Vergleich siehe unseren vollständigen 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, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas und Linux-basierten Systemen. Der exportierte Code lässt sich in Ihr bestehendes Firmware-Projekt integrieren.

Welchen Code generiert PicoPixel?

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

Ist PicoPixel kostenlos?

Ja. PicoPixel ist kostenlos nutzbar — auch für kommerzielle Projekte. Keine Kreditkarte erforderlich. PicoPixel wird von einem einzelnen Entwickler gebaut und gewartet, daher können mit dem Wachstum der Plattform und der Zunahme der Nutzer kostenpflichtige Pläne eingeführt werden, um den Betrieb aufrechtzuerhalten. Es wird immer ein kostenloses Angebot geben.

Kann ich PicoPixel offline verwenden?

PicoPixel benötigt derzeit eine Internetverbindung, da es eine browserbasierte Anwendung ist. Offline-Unterstützung ist etwas, das wir für die Zukunft in Betracht ziehen.

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.

Beginnen Sie mit dem Erstellen Ihrer LVGL-Oberfläche — kostenlos

Entwerfen Sie eingebettete UIs visuell, zeigen Sie eine Vorschau in einem Live-LVGL-Simulator an und exportieren Sie produktionsreifen C code. Keine Installation. Keine Kreditkarte. Öffnen Sie PicoPixel in Ihrem Browser und beginnen Sie mit dem Design.

Kostenlos starten!

Kostenlos nutzbar — auch für kommerzielle Projekte. FAQ lesen · Kontakt aufnehmen