Over PicoPixel

Wat is PicoPixel?

PicoPixel is een browsergebaseerd visueel ontwerptool dat speciaal is gebouwd voor embedded gebruikersinterfaces aangedreven door LVGL. Sleep widgets naar een pixelperfect canvas — knoppen, labels, sliders, schakelaars, bogen, grafieken, dropdowns, rollers, checkboxen, tekstvelden, tabweergaven, containers en afbeeldingen — style ze visueel, koppel event-handlers met een visuele event-editor, beheer herbruikbare assets (widgets, afbeeldingen, lettertypen en kleuren) en exporteer productieklare C-code voor je doelplatform. Zie het als Figma voor embedded UI's.

Belangrijke mogelijkheden zijn onder meer realtime samenwerking met live cursors en annotaties, een live LVGL-simulator aangedreven door WebAssembly die je ontwerp pixel voor pixel rendert zoals het op de hardware verschijnt, ingebouwd versiebeheer met gedetailleerde sessiegeschiedenis, deelbare simulatorlinks voor stakeholder-reviews en tools voor typografiebeheer. Alles draait in de browser zonder dat er iets geïnstalleerd hoeft te worden.

PicoPixel genereert standaard LVGL 8.x C-code die draait op elk platform met een LVGL-port — inclusief ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas en Linux-gebaseerde systemen. De geëxporteerde code werkt met ESP-IDF, Arduino IDE en PlatformIO. Of je nu een smart home-paneel prototypet, een industriële HMI bouwt of de UI voor een handheld apparaat ontwerpt, PicoPixel biedt je dezelfde visuele workflow die webontwerpers als vanzelfsprekend beschouwen. PicoPixel is gratis te gebruiken — ook voor commerciële projecten.

Waarom we het hebben gebouwd

Het bouwen van UI's voor embedded apparaten betekende van oudsher het handmatig coderen van pixelcoördinaten en worstelen met low-level grafische bibliotheken — C-code schrijven, flashen, het display controleren, aanpassen, opnieuw flashen. Wij geloven dat embedded ontwikkelaars dezelfde visuele ontwerpervaring verdienen die web- en mobiele ontwikkelaars genieten. PicoPixel overbrugt die kloof met een drag-and-drop-editor, een live simulator die precies laat zien hoe je UI op de hardware wordt weergegeven, en een samenwerkingsworkflow waarmee teams in realtime samen kunnen ontwerpen.

Hoe het werkt

PicoPixel transformeert LVGL-ontwikkeling van een code-first proces naar een visuele drag-and-drop-workflow. Het proces bestaat uit zes stappen: Ontwerp je interface door LVGL-widgets naar een pixelperfect canvas te slepen en ze visueel te stylen. Koppel interacties met de visuele event-editor — verbind knoppen met schermnavigatie, sliderwijzigingen met label-updates en meer, allemaal zonder C-code te schrijven. Voorvertoning van je UI in een live LVGL-simulator aangedreven door WebAssembly — de daadwerkelijke rendering-engine, geen mockup. Exporteer productieklare LVGL C-code (.c- en .h-bestanden) zonder propriëtaire afhankelijkheden. Integreer en flash door de geëxporteerde bestanden toe te voegen aan je ESP-IDF-, Arduino- of PlatformIO-project. Tot slot, werk samen en itereer met je team in realtime via het ingebouwde versiebeheer. Bekijk de volledige stap-voor-stap uitleg.

Hoe PicoPixel zich vergelijkt

De drie belangrijkste visuele editors voor LVGL zijn PicoPixel, SquareLine Studio en EEZ Studio. PicoPixel is browsergebaseerd zonder installatie, terwijl SquareLine Studio en EEZ Studio desktopapplicaties zijn. PicoPixel is de enige LVGL-editor met realtime samenwerking, ingebouwd versiebeheer en deelbare simulator-voorvertoningslinks. Het is gratis zonder functiebeperkingen — ook voor commercieel gebruik — vergeleken met de betaalde niveaus van SquareLine Studio of het open-sourcemodel (GPL-3.0) van EEZ Studio.

PicoPixel exporteert schone LVGL C-code zonder extra boilerplate of propriëtaire afhankelijkheden. Momenteel wordt LVGL 8.x ondersteund, met v9.x op de planning. De widgetdekking groeit omdat PicoPixel in open bèta is — SquareLine Studio en EEZ Studio hebben op dit moment beide uitgebreidere widgetbibliotheken. EEZ Studio biedt daarnaast visuele flow-gebaseerde programmering (EEZ Flow) en is volledig open source. SquareLine Studio heeft een grotere gevestigde community en meer platformspecifieke documentatie. Bekijk de volledige vergelijking.

Open bèta & beperkingen

PicoPixel is in open bèta en wordt momenteel gebouwd en onderhouden door één ontwikkelaar, Ed. De widgetset groeit actief, LVGL v9.x-ondersteuning staat gepland en sommige functies zoals animaties en overgangen staan nog op de roadmap. Er kunnen tijdelijke beperkingen zijn terwijl de infrastructuur wordt opgeschaald. Je geduld en feedback betekenen enorm veel — als je ergens tegenaan loopt, aarzel dan niet om contact op te nemen.

Neem contact op

Heb je vragen, ideeën of wil je met ons samenwerken? We horen graag van je. Neem contact op via onze contactpagina.