비주얼 드래그 앤 드롭 LVGL 에디터

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

함께.

LVGL 인터페이스를 설계, 프로토타입, 프로덕션 레디 코드로 내보내기 — 수작업 코딩 불필요.

무료로 시작하기!
PicoPixel editor workspace showing a car dashboard UI design with speedometer and gauges PicoPixel typography panel showing font selection and sizing

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

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

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

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

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

PicoPixel이란?

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

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

주요 기능

LVGL GUI 설계에 필요한 모든 것

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

PicoPixel visual canvas with drag-and-drop widgets

비주얼 디자인 캔버스

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

Version control history panel showing checkpoints and revisions

내장 버전 관리

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

Component library panel with LVGL widgets

에셋 라이브러리

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

Code export panel showing generated LVGL C code

쉬운 공유

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

Events editor with drag-and-drop LVGL actions

이벤트 에디터

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

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

ArduinoFlipperESPHomeEspressifAdafruitLILYGOM5Stack

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 호환 보드용. 모든 기능 보기.