Häufig gestellte Fragen

Nein. PicoPixel läuft vollständig in deinem Browser — es gibt keine Desktop-App, kein Plugin und kein SDK zu installieren. Öffne die Editor-URL, melde dich mit GitHub oder Google an und beginne mit dem Design.

PicoPixel funktioniert am besten in den neuesten Versionen von Chrome, Edge und Firefox. Safari wird unterstützt, kann aber bei bestimmten LVGL-Widgets geringfügige Rendering-Unterschiede aufweisen.

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 deine Hardware LVGL ausführt, funktioniert der exportierte Code damit.

PicoPixel ist browserbasiert (keine Installation), unterstützt Zusammenarbeit im Team in Echtzeit und enthält einen Live-LVGL-Simulator, der mit WebAssembly läuft. 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 günstigen kostenpflichtigen Angeboten. Für einen detaillierten Vergleich siehe unseren LVGL-Editor-Vergleich.

Wir bieten einen detaillierten Vergleich von PicoPixel, SquareLine Studio und EEZ Studio, der Funktionen, Preise, Zusammenarbeit, Code-Export und mehr abdeckt. Lies den vollständigen LVGL-Editor-Vergleich.

Der Arbeitsablauf ist: Entwirf deine Oberfläche visuell auf der Arbeitsfläche, verbinde Interaktionen mit dem visuellen Event-Editor, schau dir die Vorschau im Live-LVGL-Simulator an, exportiere produktionsreifen C-Code und integriere ihn in dein Firmware-Projekt. Für eine Schritt-für-Schritt-Anleitung siehe Wie PicoPixel funktioniert.

Derzeit kannst du weder rohen LVGL-C-Code noch Projekte aus anderen Editoren importieren. Die Unterstützung für den Import von EEZ-Studio-Projekten ist geplant. Der Import von SquareLine-Studio-Projekten wird nicht unterstützt und ist nicht geplant; über die Unterstützung anderer Editorformate wurde noch nicht entschieden. Du kannst .picopixel-Projektdateien exportieren, teilen und importieren, die dein vollständiges LVGL-Design enthalten.

PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in deinem Browser aus. Was du in der Vorschau siehst, ist die echte LVGL-Rendering-Engine — kein Mockup — die Ausgabe stimmt also pixelgenau mit deiner Zielhardware überein.

Ja. Du kannst benutzerdefinierte Schriftdateien und Bild-Assets direkt im Editor hochladen. PicoPixel enthält außerdem eine Bibliothek mit fertigen Schriftarten, die du mit einem Klick für dein LVGL-Projekt konvertieren kannst, anstatt Schriftarten manuell zu suchen und zu konvertieren. Vollständige Unicode-Unterstützung ist enthalten — für Sprachen wie Arabisch, Hebräisch, Chinesisch, Japanisch, Koreanisch und mehr. Im Schriften-Arbeitsbereich erstellst und verwaltest du deine LVGL-Schriften, und die Asset-Bibliothek speichert wiederverwendbare Widgets, Bilder, Schriftarten und Farben. Erfahre mehr in unserem LVGL-Schriftarten-Leitfaden, oder teste das Schriften-Beispielprojekt, um die mitgelieferten Schriften in mehreren Sprachen auszuprobieren.

Ja. PicoPixel kompiliert LVGL zu WebAssembly und führt es direkt in deinem Browser aus. Der Simulator rendert dein Design mit der echten LVGL-Engine, sodass das Angezeigte mit deiner Zielhardware übereinstimmt. Interaktions-Overlays zeigen an, was getippt und gescrollt werden kann. Du kannst auch teilbare Simulator-Links für Kunden oder Teammitglieder generieren.

Ja. PicoPixel unterstützt gemeinsames Bearbeiten in Echtzeit. Mehrere Teammitglieder können gleichzeitig am selben Projekt arbeiten, Kommentare und Annotationen hinterlassen und die Änderungen der anderen live sehen. Die integrierte Versionskontrolle ermöglicht das Erstellen von Checkpoints zur Nachverfolgung von Änderungen, und Benachrichtigungen halten dich auf dem Laufenden, wenn ein Teammitglied Feedback zu deiner Arbeit hinterlässt.

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

Ja. Der Event-Editor ermöglicht es dir, LVGL-Event-Handler visuell zu verbinden — ziehe Aktionen auf Widgets für Bildschirmnavigation, Stiländerungen, Wertaktualisierungen und mehr — ohne C-Code zu schreiben. PicoPixel generiert die LVGL-Event-Callbacks beim Export automatisch. Entdecke alle Funktionen.

Ja. PicoPixel enthält eine integrierte Versionskontrolle mit Checkpoints, detailliertem Änderungsverlauf (Session Actions) und der Möglichkeit, zu jedem früheren Zustand zurückzukehren. Kein externes VCS ist für deine UI-Design-Arbeit erforderlich.

Der PicoPixel-Editor hat drei Modi: Erstellen, Referenz und Animation. Im Modus Erstellen platzierst und gestaltest du LVGL-Widgets, verwaltest Assets und baust deine Oberfläche auf. Der Referenz-Modus ermöglicht das Hinzufügen von Text und Bildern außerhalb deines LVGL-Bildschirms als Notizen für dich oder dein Team — diese sind kein LVGL-Inhalt, werden nicht exportiert und werden beim Teilen von .picopixel-Dateien nicht übernommen. Der Animations-Modus bietet einen erweiterten zeitleistenbasierten Keyframe-Editor zum Erstellen von benutzerdefinierten Animationen für Widget-Eigenschaften wie Position, Größe und Deckkraft.

Ja. PicoPixel enthält einen leistungsstarken Animationsmodus mit einem vollständigen Keyframe-Editor und einer Zeitleiste. Du kannst Widget-Eigenschaften wie Position, Größe und Deckkraft über die Zeit animieren, eigene Animationskurven erstellen und komplexe Animationen auf mehreren Spuren aufeinander abstimmen. Animationen werden live im Simulator angezeigt und als Teil deines LVGL-C-Codes exportiert. Anders als bei manchen anderen Editoren stehen Animationen in PicoPixel in allen Plänen zur Verfügung, auch im kostenlosen Plan. Zum Schutz vor Missbrauch gilt eine Grenze von 100 Animationen pro Projekt, unabhängig vom gewählten Plan.

Nein, PicoPixel ist eine webbasierte Anwendung, die eine Internetverbindung erfordert. PicoPixel speichert automatisch, sodass deine Arbeit auch bei Verbindungsabbrüchen geschützt ist. Wenn du Offline-Unterstützung benötigst, teile uns das mit. Für Organisationen in sensiblen Bereichen wie Verteidigung oder Medizin, die Air-Gap-Deployments benötigen, bieten wir eine dedizierte On-Premise-Option an, bei der die gesamte Anwendung auf deiner eigenen Hardware hinter deiner eigenen Authentifizierung (LDAP, SSO oder ein beliebiger OAuth-Anbieter) mit benutzerdefinierten Audit-Logs und vollständigen Audit-Traces betrieben wird. Kontaktiere uns, wenn du das prüfen möchtest.

PicoPixel unterstützt eine breite Palette von LVGL-Widgets, gegliedert in Kategorien: Layout (Panel, Container), Media (Image, Animated Image, Sprite, Chart, Bar), Input (Label, Textarea, Roller, Dropdown) und Interact (Button, Arc, Slider, Switch, Checkbox, Spinbox). Sprite ist einzigartig in PicoPixel — aufgebaut auf Animated Image ermöglicht es zustandsbasierte Animationen für verschiedene Gerätezustände, zum Beispiel eine Ladeanimation, die in eine Animation für einen vollständig geladenen Akku übergeht, oder eine Figur wie Stack-Chan mit Idle-, Lauf- und Wink-Animationen. Das Widget-Angebot wächst und neue Widgets werden aktiv hinzugefügt.

Ja. Der exportierte Code verwendet Standard-LVGL-API-Aufrufe ohne proprietäre Abhängigkeiten und lässt sich daher in jedes Build-System integrieren, das LVGL unterstützt — einschließlich ESP-IDF, Arduino IDE und PlatformIO. Lies den ESP32-Integrationsleitfaden für Schritt-für-Schritt-Anleitungen.

Du kannst in PicoPixel jede Display-Auflösung einstellen, die zu deiner Zielhardware passt — von kleinen 240x240 runden Displays (GC9A01) über 320x240 SPI-TFTs, 800x480-Panels bis hin zu größeren. Der Live-Simulator rendert mit der gewählten Auflösung.

Ja. Der kostenlose Community-Plan umfasst die grundlegenden Editorfunktionen, den Live-Simulator, Code-Export und bis zu 10 Projekte. Die kommerzielle Nutzung des generierten Codes ist mit bestimmten kostenpflichtigen Plänen möglich. Weitere Details findest du auf unserer Preisseite.

Kostenpflichtige Pläne reichen von Starter (10 $/Monat) bis Pro (20 $/Monat) für Einzelpersonen und von Startup (100 $/Monat) bis Enterprise (450 $/Monat) für Teams, mit Rabatt bei jährlicher Abrechnung. Die Pläne unterscheiden sich bei Speicher, Projektanzahl, Teamplätzen und Umsatzgrenzen für die kommerzielle Nutzung. Bestehende Konten behalten ihre bisherigen Konditionen. Besuche die Preisseite für eine vollständige Übersicht.

Der exportierte Code verwendet Standard-LVGL-API-Aufrufe ohne proprietäre Abhängigkeiten. Im Pro-Plan und höher kannst du den von PicoPixel generierten Code frei in kommerziellen Produkten verwenden. Die Community- und Starter-Pläne sind nur für persönliche, Bildungs- und Hobby-Nutzung gedacht und umfassen keine Rechte zur kommerziellen Nutzung. Weitere Details findest du auf unserer Preisseite.