궁극의 드래그 앤 드롭 LVGL 에디터 & GUI 빌더

BETA LIVE NOW

LVGL 인터페이스를 시각적으로 구축 함께.

LVGL UI를 설계, 프로토타입, 프로덕션 레디 코드로 내보내기

무료로 시작하기!
PicoPixel LVGL editor — font panel for embedded UI font selection and sizing

실시간 협업 편집 — 피드백을 남기고, 변경 사항을 실시간으로 확인하고, 팀을 동기화.

다양한 버전을 쉽게 생성하고 복원. 세션 액션이 위젯의 세밀한 변경 사항을 추적.

재사용 가능한 커스텀 위젯을 만들어 기존 또는 다른 프로젝트에 드래그 앤 드롭.

팀원이나 클라이언트와 공유할 수 있는 라이브 LVGL 시뮬레이터. 인터랙션 오버레이로 탭 및 스크롤 가능한 영역을 정확히 표시.

다양한 폰트를 쉽게 만들고 원하는 크기를 찾으면 불필요한 것들을 정리.

PicoPixel이란?

PicoPixel은 브라우저 기반 LVGL 비주얼 에디터입니다. 라이브 캔버스에 컴포넌트를 드래그 앤 드롭하고, 시각적으로 스타일을 지정하고, ESP32 등에서 컴파일할 수 있는 클린한 C 코드를 내보냅니다.

임베디드 UI를 위한 Figma라고 생각하세요 — 실시간 협업, 내장 시뮬레이터, 설치 불필요. 모든 기능을 살펴보거나 사용 방법을 확인하세요.

Used by makers at

주요 기능

LVGL GUI 설계에 필요한 모든 것

LVGL을 위한 완전한 비주얼 툴킷 — 드래그 앤 드롭 레이아웃부터 프로덕션 레디 코드 내보내기까지.

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

비주얼 디자인 캔버스

픽셀 퍼펙트 LVGL 캔버스에 위젯을 추가. 빌드하면서 모든 변경 사항을 실시간으로 확인.

PicoPixel LVGL editor — version control history panel showing project checkpoints

내장 버전 관리

내장 버전 관리로 모든 변경 사항을 추적. 액션 패널에서 세밀한 세션 기록과 정확한 롤백 가능.

PicoPixel LVGL editor — reusable component and asset library panel

에셋 라이브러리

재사용 가능한 위젯, 이미지, 폰트, 색상 — 드래그 앤 드롭으로 새 인터페이스 구축.

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

쉬운 공유

클라이언트나 팀원에게 시뮬레이터 링크를 전송 — 진행 상황을 확인하고 UI를 실시간으로 조작 가능.

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

이벤트 에디터

위젯과 버튼에 이벤트 핸들러를 드래그 앤 드롭. 코드 작성 없이 LVGL 액션, 트랜지션, 콜백을 연결.

Arduino, ESP32 등 다양한 플랫폼 호환

Arduino — compatible with PicoPixel LVGL editor Espressif — compatible with PicoPixel LVGL editor ESPHome — compatible with PicoPixel LVGL editor M5Stack — compatible with PicoPixel LVGL editor Adafruit — compatible with PicoPixel LVGL editor LILYGO — compatible with PicoPixel LVGL editor

PicoPixel은 표준 LVGL C 코드를 생성하며 LVGL 포트가 있는 모든 플랫폼에서 컴파일 가능 — ESP32, STM32, Arduino, Raspberry Pi Pico 및 수십 가지 마이크로컨트롤러 포함.

간단한 워크플로

사용 방법

1

디자인

LVGL 위젯을 픽셀 퍼펙트 캔버스에 드래그 앤 드롭. 색상, 폰트, 레이아웃, 애니메이션을 실시간으로 설정.

2

미리보기

WebAssembly 기반 내장 LVGL 시뮬레이터에서 인터페이스 실행. 팀이나 클라이언트와 인터랙티브 미리보기 링크 공유.

3

내보내기

타겟 보드에 최적화된 프로덕션 레디 C 코드 다운로드. 플래시하면 하드웨어에서 동일한 UI 확인. 다른 LVGL 에디터와 비교.

무료 사용

임베디드 UI 구축을 시작하세요 — 무료로.

신용카드 불필요. 시간 제한 없음. 비주얼 LVGL 에디터로 바로 임베디드 인터페이스에 생명을 불어넣으세요 — ESP32, Arduino, M5Stack 또는 LVGL 호환 보드용. 모든 기능 보기.