Najlepszy edytor LVGL i kreator GUI typu przeciągnij i upuść.

Wszystko, czego potrzebujesz do tworzenia interfejsów LVGL

PicoPixel to przeglądarkowy wizualny kreator GUI LVGL z projektowaniem metodą przeciągnij i upuść, współpracą w czasie rzeczywistym, symulatorem na żywo opartym na WebAssembly oraz eksportem gotowego kodu C. Projektuj interfejsy dotykowe dla urządzeń wbudowanych, takich jak ESP32, STM32, Arduino i dowolna platforma kompatybilna z LVGL.

Rozpocznij za darmo!

Funkcje

Wizualne projektowanie przeciągnij i upuść

Umieszczaj widżety LVGL na kanwie z dokładnością do piksela i stylizuj je wizualnie. Dostosowuj kolory, czcionki, marginesy i układy flex w czasie rzeczywistym.

ButtonLabelSliderSwitchArc

Współpraca w czasie rzeczywistym

Edytuj ten sam projekt jednocześnie ze swoim zespołem. Kursory na żywo, opinie i współdzielone linki do projektu — jak Figma dla interfejsów wbudowanych.

A
B
C
3 team members online

Symulator LVGL na żywo

Podgląd interfejsu w symulatorze LVGL opartym na WebAssembly, działającym w przeglądarce. Prawdziwy silnik renderowania — nie makieta.

320 × 240, LVGL 8.x

Biblioteka zasobów wielokrotnego użytku

Zapisuj niestandardowe widżety, obrazy, czcionki i kolory we współdzielonej bibliotece. Przeciągaj je do dowolnego projektu.

Widgets3 saved
Colors
AaFonts
Images

Wizualny edytor zdarzeń

Konfiguruj obsługę zdarzeń LVGL wizualnie. Przeciągaj akcje na widżety — nawigacja między ekranami, zmiany stylów, aktualizacje wartości — bez pisania kodu C.

Eksport gotowego kodu produkcyjnego

Eksportuj czysty kod LVGL C (pliki .c i .h) bez zastrzeżonych zależności. Kompiluje się na ESP32, STM32, Arduino i dowolnej platformie LVGL.

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

Udostępniane linki podglądu

Wyślij link do symulatora komukolwiek. Odbiorca może wchodzić w interakcję z Twoim interfejsem LVGL na żywo w przeglądarce — bez konieczności zakładania konta.

app.picopixel.io/share/proj_x8k2m

W przeglądarce — bez instalacji

Bez aplikacji desktopowej, bez klucza licencyjnego. Otwórz kartę przeglądarki i zacznij projektować. Działa na każdym systemie operacyjnym.

ChromeFirefoxSafariEdge

Wbudowana kontrola wersji

Twórz punkty kontrolne, przywracaj dowolną wersję i śledź szczegółowe zmiany za pomocą historii sesji. Zewnętrzny system kontroli wersji nie jest potrzebny do projektowania UI.

Added home screen
Styled nav bar
Initial layout

Kompletny wizualny kreator GUI LVGL

PicoPixel to wizualny edytor LVGL typu przeciągnij i upuść, który zastępuje ręczne kodowanie drzew widżetów nowoczesnym, przeglądarkowym środowiskiem projektowym. Zamiast pisać setki linii kodu C, aby pozycjonować przyciski, stylizować etykiety i podpinać obsługę zdarzeń, robisz to wszystko wizualnie — a gdy skończysz, eksportujesz czysty, gotowy do produkcji kod LVGL.

Niezależnie od tego, czy budujesz panel inteligentnego domu, przemysłowy HMI, interfejs urządzenia przenośnego, czy prototypujesz interfejs dotykowy dla nowego produktu, PicoPixel zapewnia narzędzia do szybszego projektowania, podglądu i wdrażania. Kreator GUI LVGL współpracuje z ESP32, STM32, Arduino, Raspberry Pi Pico i dowolną platformą obsługującą LVGL. Zobacz, jak PicoPixel wypada na tle innych edytorów LVGL.

Często zadawane pytania

Czym PicoPixel różni się od SquareLine Studio?

PicoPixel działa w przeglądarce (bez instalacji), obsługuje współpracę zespołową w czasie rzeczywistym i zawiera symulator LVGL na żywo oparty na WebAssembly. SquareLine Studio to aplikacja desktopowa, która wymaga płatnej licencji do użytku komercyjnego. PicoPixel jest znacznie bardziej przystępny cenowo, z hojnym darmowym planem i konkurencyjnymi cenami płatnych pakietów. Szczegółowe porównanie znajdziesz na stronie porównania edytorów LVGL.

Jakie platformy sprzętowe obsługuje PicoPixel?

PicoPixel generuje standardowy kod LVGL C, który działa na dowolnej platformie z portem LVGL — w tym ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas i systemach opartych na Linuksie. Wyeksportowany kod integruje się z istniejącym projektem firmware.

Jaki kod generuje PicoPixel?

PicoPixel eksportuje plik zip zawierający czysty, czytelny kod LVGL C (pliki .c i .h). Wynik obejmuje tworzenie widżetów, stylizację, układ i konfigurację obsługi zdarzeń — wszystko przy użyciu standardowych wywołań API LVGL bez zastrzeżonych zależności.

Czy PicoPixel jest darmowy?

Tak, PicoPixel jest darmowy i zawsze taki pozostanie. Karta kredytowa nie jest wymagana. Od czasu premiery PicoPixel rośnie w nieoczekiwanym tempie i jesteśmy zachwyceni reakcją społeczności. Płatne plany są już dostępne dla zespołów i użytkowników potrzebujących większej skali. Darmowy plan Community pozostaje hojny, obejmując podstawową edycję, symulator na żywo, eksport kodu i wiele innych. Płatne plany są tylko dla tych, którzy potrzebują większej przestrzeni dyskowej, więcej projektów, większych zespołów i progów użycia komercyjnego. Zapoznaj się z naszym pełnym FAQ, aby poznać aktualne szczegóły.

Czy mogę używać PicoPixel offline?

PicoPixel wymaga obecnie połączenia z internetem, ponieważ jest aplikacją przeglądarkową. Wsparcie dla trybu offline jest rozważane na przyszłość.

Czy symulator na żywo faktycznie uruchamia LVGL?

Tak. PicoPixel kompiluje LVGL do WebAssembly i uruchamia go bezpośrednio w przeglądarce. To, co widzisz w podglądzie, to prawdziwy silnik renderowania LVGL — nie makieta ani przybliżenie CSS. Wynik odpowiada docelowemu sprzętowi piksel po pikselu.

Zacznij budować swój interfejs LVGL za darmo

Projektuj embedded UI wizualnie, podglądaj je w symulatorze LVGL na żywo i eksportuj produkcyjny kod C. Bez instalacji. Bez karty kredytowej. Otwórz PicoPixel w przeglądarce i zacznij projektować.

Zacznij. To darmowe!

Przeczytaj FAQ · Skontaktuj się