De ultieme drag-and-drop LVGL-editor & GUI-builder.

Veelgestelde vragen

Alles wat je moet weten over PicoPixel. Kun je niet vinden wat je zoekt? Neem contact op.

Algemeen

Wat is PicoPixel?

PicoPixel is een browsergebaseerde visuele editor voor LVGL — de populaire open-source grafische bibliotheek voor embedded displays. Hiermee kun je ontwerpen, bekijken in een live simulator en productieklare C-code exporteren zonder handmatig layout-boilerplate te schrijven. Bekijk hoe het werkt.

Moet ik iets installeren?

Nee. PicoPixel draait volledig in je browser — er is geen desktop-app, geen plug-in en geen SDK om te installeren. Open de editor-URL, log in met GitHub of Google en begin met ontwerpen.

Welke browsers worden ondersteund?

PicoPixel werkt het beste in de nieuwste versies van Chrome, Edge en Firefox. Safari wordt ondersteund, maar kan kleine weergaveverschillen vertonen bij bepaalde LVGL-widgets.

Welke platformen en boards ondersteunt PicoPixel?

PicoPixel genereert standaard LVGL C-code die draait op elk platform met een LVGL-port — inclusief ESP32 (alle varianten inclusief ESP32-P4), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas en Linux-gebaseerde systemen. We hebben getest op boards van LILYGO, M5Stack, Waveshare, Guition, Elecrow en Adafruit.

Hoe verschilt PicoPixel van SquareLine Studio?

PicoPixel is browsergebaseerd (geen installatie), ondersteunt realtime teamsamenwerking en bevat een live LVGL-simulator aangedreven door WebAssembly. SquareLine Studio is een desktop-applicatie waarvoor een betaalde licentie nodig is voor commercieel gebruik. PicoPixel is aanzienlijk betaalbaarder, met een royale gratis tier en concurrerende betaalde pakketten. Voor een gedetailleerde vergelijking, bekijk onze LVGL-editor vergelijking.

Hoe verhoudt PicoPixel zich tot andere LVGL-editors?

We bieden een gedetailleerde vergelijking van PicoPixel, SquareLine Studio en EEZ Studio op het gebied van functies, prijzen, samenwerking, code-export en meer. Bekijk de volledige LVGL-editor vergelijking.

Wat is de typische workflow in PicoPixel?

De workflow is: ontwerp je interface visueel op het canvas, koppel interacties met de visuele evenementeneditor, bekijk het resultaat in de live LVGL-simulator, exporteer productieklare C-code en integreer het in je firmwareproject. Voor een stapsgewijze uitleg, bekijk Hoe PicoPixel werkt.

Editor & functies

Welke versie van LVGL ondersteunt PicoPixel?

PicoPixel richt zich momenteel op LVGL 8.x, met ondersteuning voor v9.x gepland. De gegenereerde code gebruikt standaard LVGL API-aanroepen, zodat het probleemloos compileert met de nieuwste 8.x-release.

Kan ik een bestaand LVGL-project importeren?

Je kunt geen onbewerkte LVGL C-code of projecten van andere editors zoals SquareLine Studio of EEZ Studio importeren. Je kunt wel .picopixel-projectbestanden exporteren, delen en importeren; die bevatten je volledige LVGL-ontwerp. Importeren vanuit externe LVGL-bronbestanden staat op onze roadmap en is een van de meest gevraagde functies.

Hoe werkt de live preview?

PicoPixel compileert LVGL naar WebAssembly en draait het direct in je browser. Wat je in de preview ziet, is de daadwerkelijke LVGL-rendering-engine — geen mock-up — dus de output komt pixel voor pixel overeen met je doelhardware.

Kan ik aangepaste lettertypen en afbeeldingen gebruiken?

Ja. Je kunt aangepaste lettertypebestanden en afbeeldingsassets rechtstreeks in de editor uploaden. PicoPixel heeft ook een bibliotheek met meegeleverde lettertypen, zodat je ze met één klik kunt converteren voor gebruik in je LVGL-project in plaats van handmatig lettertypen te zoeken en te converteren. Volledige Unicode-ondersteuning is inbegrepen voor talen zoals Arabisch, Hebreeuws, Chinees, Japans, Koreaans en meer. De werkruimtemodus Lettertypen laat je een reeks LVGL-lettertypen aanmaken en beheren, en de Assetbibliotheek slaat herbruikbare widgets, afbeeldingen, lettertypen en kleuren op. Lees meer in onze LVGL-lettertypengids, of probeer het lettertypesjabloon om meegeleverde lettertypen met meerdere ingebouwde talen te verkennen.

Heeft PicoPixel een live LVGL-simulator?

Ja. PicoPixel compileert LVGL naar WebAssembly en draait het direct in je browser. De simulator rendert je ontwerp met de daadwerkelijke LVGL-engine, zodat wat je ziet overeenkomt met je doelhardware. Interactie-overlays tonen wat er getikt en gescrold kan worden. Je kunt ook deelbare simulatorlinks genereren voor klanten of teamleden.

Kunnen meerdere mensen tegelijkertijd aan een project werken?

Ja. PicoPixel ondersteunt realtime gezamenlijk bewerken. Meerdere teamleden kunnen tegelijkertijd aan hetzelfde project werken, opmerkingen en annotaties plaatsen en elkaars wijzigingen live zien. Ingebouwd versiebeheer laat je controlepunten aanmaken om wijzigingen bij te houden, en meldingen houden je op de hoogte wanneer een teamgenoot feedback op je werk plaatst.

Welke code exporteert PicoPixel?

PicoPixel exporteert een zipbestand met schone, productieklare LVGL C-code (.c- en .h-bestanden). De output bevat widget-configuratie, styling, layout, event-bindingen en asset-referenties — allemaal met standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden.

Heeft PicoPixel een visuele evenementeneditor?

Ja. De evenementeneditor laat je LVGL-eventhandlers visueel koppelen — sleep acties naar widgets voor schermnavigatie, stijlwijzigingen, waarde-updates en meer — zonder C-code te schrijven. PicoPixel genereert de LVGL-event-callbacks automatisch bij export. Bekijk alle functies.

Heeft PicoPixel ingebouwd versiebeheer?

Ja. PicoPixel bevat ingebouwd versiebeheer met checkpoints, gedetailleerde sessiegeschiedenis (Session Actions) en de mogelijkheid om naar elke eerdere staat terug te keren. Geen extern VCS nodig voor je UI-ontwerpwerk.

Wat zijn werkruimtemodi?

De editor van PicoPixel heeft drie modi: Bouwen, Referentie en Animatie. In de Bouw-modus plaats en ontwerp je LVGL-widgets, beheer je assets en bouw je je interface. In de Referentie-modus kun je tekst en afbeeldingen buiten je LVGL-scherm toevoegen als notities voor jezelf of je team — dit is geen LVGL-content, wordt niet geëxporteerd en wordt niet meegenomen bij het delen van .picopixel-bestanden. De Animatie-modus biedt een geavanceerde keyframe-editor op een tijdlijn voor het maken van aangepaste animaties op widgeteigenschappen zoals positie, grootte en dekking.

Heeft PicoPixel een animatie-editor?

Ja. PicoPixel bevat een krachtige animatiemodus met een volledige keyframe-editor op een tijdlijn. Je kunt widgeteigenschappen zoals positie, grootte en dekking door de tijd heen animeren, eigen animatiecurves maken en complexe multi-track sequences choreograferen. Animaties worden live in de simulator bekeken en als onderdeel van je LVGL C-code geëxporteerd. Anders dan andere editors zet PicoPixel animaties niet achter betaalde pakketten: gratis of betaald. Er is een realistische limiet van 100 animaties per project om misbruik te voorkomen, maar geen pakketgebaseerde beperking.

Technisch

Kan ik PicoPixel gebruiken om een ESP32 touchscreen-UI te bouwen?

Absoluut. PicoPixel genereert standaard LVGL C-code die werkt met elke ESP32-variant — inclusief ESP32-S3, ESP32-P4 en meer. De export is getest op Waveshare en Guition ESP32-P4 boards. Ontwerp je touchscreen-layout visueel, bekijk het in de simulator en exporteer code voor ESP-IDF, Arduino of PlatformIO. Meer informatie over PicoPixel voor ESP32, of volg onze stap-voor-stap ESP32 LVGL UI-tutorial om aan de slag te gaan.

Werkt PicoPixel offline?

PicoPixel is een webgebaseerde applicatie die een internetverbinding vereist. Het bevat wel automatisch opslaan, zodat je werk beschermd is, zelfs als je verbinding wegvalt. Als een volledig offline workflow een harde eis is, bekijk onze editor-vergelijking voor desktop-alternatieven.

Welke LVGL-widgets ondersteunt PicoPixel?

PicoPixel ondersteunt de kern LVGL-widgetset inclusief knoppen, labels, sliders, schakelaars, dropdowns, rollers, bogen, balken, grafieken, afbeeldingen, checkboxen, tekstvelden, tabviews, containers en meer. De widgetset groeit — er worden actief nieuwe widgets toegevoegd.

Werkt PicoPixel met ESP-IDF, Arduino en PlatformIO?

Ja. De geëxporteerde code gebruikt standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden, dus het integreert met elk buildsysteem dat LVGL ondersteunt — inclusief ESP-IDF, Arduino IDE en PlatformIO. Bekijk de ESP32-integratiegids voor stapsgewijze instructies.

Welke beeldschermresoluties ondersteunt PicoPixel?

Je kunt elke beeldschermresolutie instellen in PicoPixel om overeen te komen met je doelhardware — van kleine 240x240 ronde displays (GC9A01) tot 320x240 SPI TFT's, 800x480 panelen en groter. De live simulator rendert op je gekozen resolutie.

Prijzen & abonnementen

Is PicoPixel gratis te gebruiken?

Ja, PicoPixel is gratis te gebruiken en dat zal altijd zo blijven. Geen creditcard vereist. Sinds de lancering is PicoPixel onverwacht snel gegroeid en we zijn verheugd over de reactie van de community. Om aan de vraag te voldoen en de opslag- en infrastructuurcapaciteit uit te breiden, zullen we betaalde pakketten introduceren voor teams en gebruikers die meer schaal nodig hebben. De gratis Community-tier blijft royaal, inclusief kernbewerking, de live simulator, code-export en meer. Betaalde pakketten zijn alleen voor wie meer opslag, meer projecten, grotere teams en drempels voor commercieel gebruik nodig heeft. Bekijk onze prijzenpagina voor details over de komende tiers.

Komt er een gratis tier?

Ja. Er zal altijd een gratis Community-tier zijn met kernbewerking, de live simulator, code-export en maximaal 10 projecten. Commercieel gebruik van gegenereerde code is beschikbaar bij bepaalde betaalde tiers. Bekijk onze prijzenpagina voor details.

Hoe werken de prijzen?

Betaalde pakketten variëren van Starter ($10/maand) tot Pro ($20/maand) voor individuen, en Startup ($100/maand) tot Enterprise ($450/maand) voor teams, met jaarlijkse kortingen beschikbaar. Pakketten schalen opslag, projectlimieten, teamplaatsen en drempels voor commercieel gebruik. Alle bestaande accounts worden beschermd, en meer details worden via e-mail gedeeld zodra de prijzen live gaan. Bekijk de prijzenpagina voor een volledig overzicht.

Kan ik door PicoPixel gegenereerde code gebruiken in commerciële producten?

De geëxporteerde code gebruikt standaard LVGL API-aanroepen zonder propriëtaire afhankelijkheden. Met het Pro-pakket en hoger ben je vrij om de door PicoPixel gegenereerde code in commerciële producten te gebruiken. De Community- en Starter-pakketten zijn alleen bedoeld voor persoonlijk, educatief en hobbygebruik en bevatten geen commerciële gebruiksrechten. Bekijk onze prijzenpagina voor details.

Begin gratis met het bouwen van je LVGL-interface

Ontwerp embedded UI's visueel, bekijk ze in een live LVGL-simulator en exporteer productieklare C-code. Geen installatie. Geen creditcard. Open PicoPixel in je browser en begin met ontwerpen.

Aan de slag. Het is gratis!

Lees de FAQ · Neem contact op