드래그 앤 드롭으로 완성하는 LVGL 에디터와 GUI 빌더.

LVGL 인터페이스 구축에 필요한 모든 것

PicoPixel은 브라우저에서 사용하는 비주얼 LVGL GUI 빌더입니다. 드래그 앤 드롭으로 디자인하고 팀과 실시간으로 편집하며, WebAssembly 기반 라이브 시뮬레이터로 결과를 확인한 뒤 제품용 C 코드를 내보낼 수 있습니다. ESP32, STM32, Arduino 등 LVGL 호환 플랫폼을 위한 임베디드 터치스크린 UI를 만들어 보세요.

무료로 시작하세요!

기능

드래그 앤 드롭 디자인 캔버스

LVGL 위젯을 픽셀 단위로 정확한 캔버스에 배치하고 시각적으로 스타일링하세요. 색상, 폰트, 패딩, 플렉스 레이아웃을 실시간으로 조정할 수 있습니다.

ButtonLabelSliderSwitchArc

실시간 협업

팀과 동시에 같은 프로젝트를 편집하세요. 서로의 커서를 보고, 피드백을 나누고, 프로젝트 링크를 공유할 수 있습니다. 임베디드 UI에서도 Figma처럼 함께 작업하세요.

A
B
C
3 team members online

라이브 LVGL 시뮬레이터

브라우저에서 실행되는 WebAssembly 기반 LVGL 시뮬레이터로 UI를 미리 봅니다. 실제 렌더링 엔진입니다 — 목업이 아닙니다.

320 × 240, LVGL 8.x

재사용 가능한 에셋 라이브러리

커스텀 위젯, 이미지, 폰트, 색상을 공유 라이브러리에 저장하세요. 어떤 프로젝트든 드래그하여 추가할 수 있습니다.

Widgets3 saved
Colors
AaFonts
Images

비주얼 이벤트 에디터

LVGL 이벤트 핸들러를 시각적으로 연결하세요. 위젯에 액션을 드래그하면 화면 전환, 스타일 변경, 값 업데이트를 설정할 수 있습니다. C 코드를 작성할 필요가 없습니다.

제품용 C 코드 내보내기

독점 라이브러리 없이 사용할 수 있는 깔끔한 LVGL C 코드(.c 및 .h 파일)를 내보내세요. ESP32, STM32, Arduino 등 LVGL을 지원하는 모든 플랫폼에서 컴파일할 수 있습니다.

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

공유 가능한 미리보기 링크

시뮬레이터 링크를 공유하면 누구나 계정 없이 브라우저에서 라이브 LVGL 인터페이스를 직접 조작해 볼 수 있습니다.

app.picopixel.io/share/proj_x8k2m

브라우저 기반 — 설치 불필요

데스크톱 앱이나 라이선스 동글이 필요 없습니다. 브라우저 탭을 열고 디자인을 시작하세요. 모든 OS에서 작동합니다.

ChromeFirefoxSafariEdge

내장 버전 관리

체크포인트를 생성하고, 어느 버전이든 되돌리고, Session Actions로 세밀한 변경 사항을 추적합니다. UI 디자인에 외부 VCS가 필요 없습니다.

Added home screen
Styled nav bar
Initial layout

완전한 비주얼 LVGL GUI 빌더

PicoPixel에서는 위젯 트리를 직접 코딩하는 대신 브라우저에서 드래그 앤 드롭으로 LVGL UI를 디자인할 수 있습니다. 버튼 배치, 라벨 스타일, 이벤트 콜백을 수백 줄의 C 코드로 작성할 필요가 없습니다 — 화면에서 직접 설정하고, 디자인을 마치면 제품에 바로 쓸 수 있는 깔끔한 LVGL 코드를 내보내세요.

스마트 홈 패널, 산업용 HMI, 핸드헬드 디바이스 인터페이스를 구축하거나 새 제품의 터치스크린 UI를 프로토타이핑하든, PicoPixel은 더 빠르게 설계, 미리보기, 출시할 수 있는 도구를 제공합니다. LVGL GUI 빌더는 ESP32, STM32, Arduino, Raspberry Pi Pico 및 LVGL을 실행하는 모든 플랫폼과 호환됩니다. PicoPixel과 다른 LVGL 에디터 비교 보기.

자주 묻는 질문

PicoPixel은 SquareLine Studio와 어떻게 다릅니까?

PicoPixel은 브라우저 기반(설치 불필요)이며, 실시간 팀 협업을 지원하고, WebAssembly 기반의 라이브 LVGL 시뮬레이터를 포함합니다. SquareLine Studio는 데스크톱 애플리케이션입니다. 자세한 비교는 전체 비교를 참조하세요.

PicoPixel은 어떤 하드웨어 플랫폼을 지원합니까?

PicoPixel은 LVGL 포트가 있는 모든 플랫폼에서 실행되는 표준 LVGL C 코드를 생성합니다 — ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas 및 Linux 기반 시스템을 포함합니다. 내보낸 코드는 기존 펌웨어 프로젝트에 통합됩니다.

PicoPixel은 어떤 코드를 생성합니까?

PicoPixel은 깔끔하고 사람이 읽을 수 있는 LVGL C 코드(.c 및 .h 파일)가 포함된 zip 파일을 내보냅니다. 내보낸 코드에는 위젯 생성, 스타일, 레이아웃, 이벤트 핸들러 설정이 포함됩니다. 모두 표준 LVGL API를 사용하며 독점 라이브러리에 의존하지 않습니다.

PicoPixel은 무료인가요?

네. PicoPixel은 무료로 사용할 수 있으며 앞으로도 무료 요금제는 유지됩니다. 신용카드가 필요 없습니다. 출시 후 PicoPixel은 예상보다 빠르게 성장했습니다. 커뮤니티의 관심에 감사드립니다. 더 많은 용량이 필요한 팀과 사용자를 위한 유료 요금제를 지금 이용할 수 있습니다. 무료 Community 요금제는 핵심 편집, 라이브 시뮬레이터, 코드 내보내기 등의 핵심 기능을 넉넉하게 제공합니다. 유료 요금제는 확장 스토리지, 더 많은 프로젝트, 더 큰 팀, 상용 사용 조건이 필요한 사용자를 위한 것입니다. 자세한 내용은 전체 FAQ를 참조하세요.

PicoPixel은 오프라인에서 작동하나요?

아니요. PicoPixel은 인터넷 연결이 필요한 웹 기반 애플리케이션입니다. 자동 저장 기능이 포함되어 있어 연결이 끊어져도 작업이 보호됩니다. 오프라인 지원을 원하신다면 알려 주세요.

라이브 시뮬레이터가 실제로 LVGL을 실행하고 있나요?

네. PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 미리보기에서 보이는 것은 실제 LVGL 렌더링 엔진이며, 목업이나 CSS 근사치가 아닙니다. 출력은 대상 하드웨어와 픽셀 단위로 일치합니다.

LVGL 인터페이스를 무료로 만들어 보세요

임베디드 UI를 시각적으로 디자인하고 라이브 LVGL 시뮬레이터에서 확인한 뒤, 제품에 바로 사용할 수 있는 C 코드를 내보내세요. 설치도 신용카드도 필요 없습니다. 브라우저에서 PicoPixel을 열면 바로 시작할 수 있습니다.

무료로 시작하기!

FAQ 읽기 · 문의하기