BETA JUŻ DOSTĘPNA

Projektuj metodą przeciągnij i upuśćw wizualnym edytorze LVGL.

Projektuj, testuj prototypy i eksportuj gotowe interfejsy LVGL

Zacznij za darmo!
PicoPixel LVGL editor workspace preview

Pracujcie wspólnie w czasie rzeczywistym: dodawajcie komentarze, obserwujcie zmiany i korzystajcie z tej samej wersji projektu.

Czym jest PicoPixel?

PicoPixel to przeglądarkowy edytor wizualny dla LVGL. Przeciągaj i upuszczaj komponenty na obszar roboczy z podglądem na żywo, ustawiaj ich wygląd bez pisania kodu i eksportuj czysty kod C gotowy do kompilacji na ESP32 i nie tylko.

Pomyśl o tym jak o Figmie dla interfejsów urządzeń wbudowanych — współpraca w czasie rzeczywistym, wbudowany symulator i zero instalacji. Poznaj wszystkie funkcje lub zobacz jak to działa.

Używany przez twórców z

Kluczowe funkcje

Wszystko, czego potrzebujesz do projektowania GUI w LVGL

Kompletny zestaw narzędzi wizualnych dla LVGL — od układu przeciągnij i upuść po eksport gotowego kodu.

PicoPixel LVGL editor, visual canvas with drag-and-drop widgets

Wizualny obszar roboczy

Rozmieszczaj widżety LVGL z dokładnością do piksela. Efekt każdej zmiany zobaczysz od razu w edytorze.

PicoPixel LVGL editor, version control history panel showing project checkpoints

Wbudowana kontrola wersji

Śledź każdą zmianę dzięki wbudowanej kontroli wersji. Panel Akcji zapewnia szczegółową historię sesji i precyzyjne cofanie zmian.

PicoPixel LVGL editor, reusable component and asset library panel

Biblioteka zasobów

Korzystaj ponownie z widżetów, obrazów, czcionek i kolorów. Wystarczy przeciągnąć je do nowego interfejsu.

PicoPixel LVGL editor, code export panel with production-ready C code

Łatwe udostępnianie

Wysyłaj linki do symulatora klientom lub członkom zespołu — mogą śledzić postępy i wchodzić w interakcję z Twoim UI na żywo.

PicoPixel LVGL editor, events editor with drag-and-drop action builder

Edytor zdarzeń

Przeciągaj i upuszczaj obsługę zdarzeń na widżety i przyciski. Konfiguruj akcje LVGL, przejścia i funkcje obsługi zdarzeń bez pisania kodu.

PicoPixel LVGL editor, animation editor with a keyframe timeline for Position, Size, and Opacity across layers and frames

Edytor animacji

Animuj pozycję, rozmiar, przezroczystość i inne właściwości na osi czasu. Łącz animacje obejmujące wiele klatek i sprawdzaj płynne przejścia LVGL bez pisania kodu.

Kompatybilny z Arduino, ESP32 i nie tylko

Arduino, compatible with PicoPixel LVGL editorEspressif, compatible with PicoPixel LVGL editorESPHome, compatible with PicoPixel LVGL editorM5Stack, compatible with PicoPixel LVGL editorAdafruit, compatible with PicoPixel LVGL editorLILYGO, compatible with PicoPixel LVGL editor

PicoPixel generuje standardowy kod C dla LVGL, który kompiluje się na każdej platformie z portem LVGL — w tym ESP32, STM32, Arduino, Raspberry Pi Pico i dziesiątkach innych mikrokontrolerów.

Jak to działa

Od pustego obszaru roboczego do gotowego kodu C w trzech krokach.

STEP 01
PicoPixel visual design canvas

Projektuj

  • Rozmieszczaj widżety LVGL przez przeciąganie
  • Dobieraj kolory, czcionki i układy
  • Animuj w czasie rzeczywistym
STEP 02
PicoPixel live LVGL simulator preview

Podgląd

  • Wbudowany symulator LVGL
  • Linki podglądu do udostępnienia
  • Przeglądaj z zespołem lub klientami
STEP 03
1  /* sprite.c */
2  lv_obj_t *scr = lv_scr_act();
3  lv_img_set_src(spr, &sprite);
4  lv_anim_start(&a); // idle
ui.cscreens.cactions.c

Eksport

Cześć, jestem Ed.

cat ./about.md
Ed, twórca PicoPixel
imię  Ed
rola  Programista

Od czasu pracy w startupie przejętym przez Apple, gdzie pracowałem nad kilkoma prototypami Watch, ciągnęło mnie z powrotem bliżej sprzętu. Nieco ponad rok temu w końcu zacząłem budować własny sprzęt i nie znalazłem edytora LVGL, którego naprawdę lubiłbym używać. Więc zbudowałem własny.

Niedawno odszedłem z etatu, żeby poświęcić cały swój czas sprzętowi i PicoPixel.

Jeśli wypróbujesz PicoPixel, chętnie poznam Twoją opinię — co działa dobrze, co wymaga poprawy i jakie nietypowe problemy udało Ci się zauważyć.

Spotkamy się? →
Seattle/Shenzhen/Tokyo

Zacznij tworzyć swój interfejs urządzenia wbudowanego —za darmo.

Bez karty kredytowej. Bez limitu czasowego. Wejdź od razu do wizualnego edytora LVGL i ożyw swoje interfejsy urządzeń wbudowanych — niezależnie czy budujesz na ESP32, Arduino, M5Stack, czy inną płytkę kompatybilną z LVGL. Zobacz wszystkie funkcje.