Über PicoPixel

Was ist PicoPixel?

PicoPixel ist ein browserbasiertes visuelles Design-Tool, das speziell für eingebettete Benutzeroberflächen mit LVGL entwickelt wurde. Ziehe Widgets per Drag-and-Drop auf eine pixelgenaue Leinwand — Buttons, Labels, Slider, Schalter, Bögen, Diagramme, Dropdown-Menüs, Roller, Checkboxen, Textbereiche, Tab-Ansichten, Container und Bilder — style sie visuell, verbinde Event-Handler mit einem visuellen Event-Editor, verwalte wiederverwendbare Assets (Widgets, Bilder, Schriften und Farben) und exportiere produktionsreifen C-Code für deine Zielplattform. Stell es dir als Figma für Embedded-Oberflächen vor.

Zu den wichtigsten Funktionen gehören Echtzeit-Zusammenarbeit mit Live-Cursorn und Anmerkungen, ein Live-LVGL-Simulator auf WebAssembly-Basis, der dein Design pixelgenau so rendert, wie es auf der Hardware erscheint, integrierte Versionsverwaltung mit detailliertem Sitzungsverlauf, teilbare Simulator-Links für Stakeholder-Reviews und Typografie-Verwaltungstools. Alles läuft im Browser — ohne Installation.

PicoPixel erzeugt standardmäßigen LVGL 8.x C-Code, der auf jeder Plattform mit LVGL-Port läuft — einschließlich ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas und Linux-basierten Systemen. Der exportierte Code funktioniert mit ESP-IDF, Arduino IDE und PlatformIO. Ob du ein Smart-Home-Panel prototypisierst, eine industrielle HMI baust oder die Benutzeroberfläche eines Handheld-Geräts entwirfst — PicoPixel bietet dir den gleichen visuellen Workflow, den Web-Designer als selbstverständlich betrachten. PicoPixel ist kostenlos nutzbar — auch für kommerzielle Projekte.

Warum wir es entwickelt haben

Die Entwicklung von Benutzeroberflächen für Embedded-Geräte bedeutete traditionell, Pixel-Koordinaten von Hand zu programmieren und sich mit Low-Level-Grafikbibliotheken herumzuschlagen — C-Code schreiben, flashen, Display überprüfen, anpassen, erneut flashen. Wir sind überzeugt, dass Embedded-Entwickler dieselbe visuelle Design-Erfahrung verdienen, die Web- und Mobile-Entwickler genießen. PicoPixel überbrückt diese Lücke mit einem Drag-and-Drop-Editor, einem Live-Simulator, der genau zeigt, wie deine Oberfläche auf der Hardware gerendert wird, und einem kollaborativen Workflow, der es Teams ermöglicht, in Echtzeit gemeinsam zu gestalten.

So funktioniert es

PicoPixel verwandelt die LVGL-Entwicklung von einem Code-First-Prozess in einen visuellen Drag-and-Drop-Workflow. Der Prozess gliedert sich in sechs Schritte: Gestalte deine Oberfläche, indem du LVGL-Widgets auf eine pixelgenaue Leinwand ziehst und sie visuell stylst. Verbinde Interaktionen mit dem visuellen Event-Editor — verknüpfe Tastendruck mit Bildschirmnavigation, Slider-Änderungen mit Label-Updates und mehr, alles ohne C-Code zu schreiben. Vorschau deiner Oberfläche im Live-LVGL-Simulator auf WebAssembly-Basis — die echte Rendering-Engine, kein Mockup. Exportiere produktionsreifen LVGL C-Code (.c- und .h-Dateien) ohne proprietäre Abhängigkeiten. Integriere und flashe, indem du die exportierten Dateien zu deinem ESP-IDF-, Arduino- oder PlatformIO-Projekt hinzufügst. Schließlich kollaboriere und iteriere mit deinem Team in Echtzeit über die integrierte Versionsverwaltung. Vollständige Schritt-für-Schritt-Anleitung ansehen.

PicoPixel im Vergleich

Die drei wichtigsten visuellen Editoren für LVGL sind PicoPixel, SquareLine Studio und EEZ Studio. PicoPixel ist browserbasiert ohne Installation, während SquareLine Studio und EEZ Studio Desktop-Anwendungen sind. PicoPixel ist der einzige LVGL-Editor mit kollaborativer Echtzeit-Bearbeitung, integrierter Versionsverwaltung und teilbaren Simulator-Vorschaulinks. Er ist kostenlos ohne Funktionseinschränkungen — auch für die kommerzielle Nutzung — im Vergleich zu den kostenpflichtigen Stufen von SquareLine Studio oder dem Open-Source-Modell (GPL-3.0) von EEZ Studio.

PicoPixel exportiert sauberen LVGL C-Code ohne zusätzlichen Boilerplate-Code oder proprietäre Abhängigkeiten. Derzeit wird LVGL 8.x unterstützt, v9.x ist geplant. Die Widget-Abdeckung wächst, da sich PicoPixel in der offenen Beta befindet — SquareLine Studio und EEZ Studio verfügen derzeit über umfangreichere Widget-Bibliotheken. EEZ Studio bietet zusätzlich visuelle Flow-basierte Programmierung (EEZ Flow) und ist vollständig Open Source. SquareLine Studio hat eine größere etablierte Community und mehr plattformspezifische Dokumentation. Vollständigen Vergleich ansehen.

Offene Beta und Einschränkungen

PicoPixel befindet sich in der offenen Beta und wird derzeit von einem Solo-Entwickler, Ed, entwickelt und gepflegt. Das Widget-Set wird aktiv erweitert, LVGL v9.x-Unterstützung ist geplant und einige Funktionen wie Animationen und Übergänge stehen noch auf der Roadmap. Es kann vorübergehende Einschränkungen geben, während die Infrastruktur skaliert. Deine Geduld und dein Feedback bedeuten uns sehr viel — wenn dir etwas auffällt, zögere nicht, uns zu kontaktieren.

Kontakt aufnehmen

Hast du Fragen, Ideen oder möchtest du mit uns zusammenarbeiten? Wir freuen uns von dir zu hören. Kontaktiere uns über unsere Kontaktseite.