Der visuelle Drag-and-Drop LVGL-Editor

LVGL-Interfaces visuell erstellen

Gemeinsam.

Entwerfen, prototypen und exportieren Sie produktionsreife LVGL-Interfaces — ohne manuelles Programmieren.

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

Kollaborative Echtzeit-Bearbeitung — Feedback hinterlassen, Änderungen live sehen und das Team synchron halten.

Verschiedene Versionen einfach erstellen und wiederherstellen. Sitzungsaktionen verfolgen detaillierte Änderungen an Ihren Widgets.

Erstellen Sie wiederverwendbare benutzerdefinierte Widgets, die Sie per Drag-and-Drop in bestehende oder neue Projekte einfügen können.

Live-LVGL-Simulator, den Sie mit Teammitgliedern oder Kunden teilen können. Interaktions-Overlays zeigen genau, was angetippt und gescrollt werden kann.

Erstellen Sie einfach eine Auswahl an Schriften und entfernen Sie unnötige, sobald Sie die richtige Größe gefunden haben.

Was ist PicoPixel?

PicoPixel ist ein browserbasierter visueller LVGL-Editor. Ziehen Sie Komponenten auf eine Live-Leinwand, gestalten Sie sie visuell und exportieren Sie sauberen C-Code, der auf ESP32 und weiteren Plattformen kompiliert werden kann.

Stellen Sie es sich als Figma für eingebettete UIs vor — Echtzeit-Zusammenarbeit, integrierter Simulator und keine Installation erforderlich. Entdecken Sie alle Funktionen oder sehen Sie, wie es funktioniert.

Hauptfunktionen

Alles, was Sie für LVGL-GUI-Design brauchen

Ein vollständiges visuelles Toolkit für LVGL — vom Drag-and-Drop-Layout bis zum Export von produktionsreifem Code.

PicoPixel visual canvas with drag-and-drop widgets

Visuelle Design-Leinwand

Fügen Sie Widgets auf einer pixelgenauen LVGL-Leinwand hinzu. Sehen Sie jede Änderung in Echtzeit.

Version control history panel showing checkpoints and revisions

Integrierte Versionsverwaltung

Verfolgen Sie jede Änderung mit der integrierten Versionsverwaltung. Nutzen Sie das Aktionen-Panel für detaillierte Sitzungsprotokolle und präzise Rücksetzungen.

Component library panel with LVGL widgets

Asset-Bibliothek

Wiederverwendbare Widgets, Bilder, Schriften und Farben — per Drag-and-Drop neue Interfaces erstellen.

Code export panel showing generated LVGL C code

Einfach teilen

Senden Sie Simulator-Links an Kunden oder Teammitglieder — sie können den Fortschritt sehen und live mit Ihrer UI interagieren.

Events editor with drag-and-drop LVGL actions

Event-Editor

Ziehen Sie Event-Handler auf Widgets und Buttons. Verbinden Sie LVGL-Aktionen, Übergänge und Callbacks ohne Code zu schreiben.

Kompatibel mit Arduino, ESP32 und mehr

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

PicoPixel generiert standardmäßigen LVGL-C-Code, der auf jeder Plattform mit LVGL-Port kompiliert werden kann — einschließlich ESP32, STM32, Arduino, Raspberry Pi Pico und Dutzenden weiterer Mikrocontroller.

Einfacher Workflow

So funktioniert es

1

Entwerfen

Ziehen Sie LVGL-Widgets auf eine pixelgenaue Leinwand. Gestalten Sie Farben, Schriften, Layouts und Animationen in Echtzeit.

2

Vorschau

Führen Sie Ihre Oberfläche im integrierten LVGL-Simulator mit WebAssembly aus. Teilen Sie interaktive Vorschau-Links mit Ihrem Team oder Kunden.

3

Exportieren

Laden Sie produktionsreifen C-Code herunter, optimiert für Ihre Zielplatine. Flashen Sie ihn und sehen Sie dieselbe UI auf der Hardware. Mit anderen LVGL-Editoren vergleichen.

Kostenlos nutzbar

Beginnen Sie mit dem Bau Ihrer eingebetteten UI — kostenlos.

Keine Kreditkarte. Keine Zeitlimits. Starten Sie direkt mit dem visuellen LVGL-Editor und erwecken Sie Ihre eingebetteten Interfaces zum Leben — ob für ESP32, Arduino, M5Stack oder jedes LVGL-kompatible Board. Alle Funktionen ansehen.