STEP 01
디자인
- LVGL 위젯 드래그 앤 드롭
- 색상, 폰트 & 레이아웃 스타일 지정
- 실시간 애니메이션
팀과 동시에 편집하고 피드백을 나누세요. 서로의 변경 사항을 실시간으로 확인하며 함께 작업할 수 있습니다.
PicoPixel이란?
PicoPixel은 브라우저 기반 LVGL 비주얼 에디터입니다. 라이브 캔버스에 컴포넌트를 드래그 앤 드롭하고, 시각적으로 스타일을 지정하고, ESP32 등에서 컴파일할 수 있는 깔끔한 C 코드를 내보냅니다.
실시간 협업과 내장 시뮬레이터를 갖춘, 임베디드 UI를 위한 Figma라고 생각해 보세요. 설치 없이 브라우저에서 사용할 수 있습니다. 전체 기능과 사용 방법을 확인하세요.
다양한 기업의 메이커들이 사용하고 있습니다
주요 기능
LVGL GUI 설계에 필요한 모든 것
레이아웃을 드래그 앤 드롭으로 구성하고 제품용 코드를 내보내는 데 필요한 LVGL 디자인 도구를 모두 갖췄습니다.
비주얼 디자인 캔버스
픽셀 단위로 정확한 LVGL 캔버스에 위젯을 배치하고, 디자인의 모든 변화를 실시간으로 확인하세요.
내장 버전 관리
모든 변경 사항을 자동으로 기록합니다. 액션 패널에서 세부 작업 기록을 확인하고 원하는 시점으로 되돌리세요.
에셋 라이브러리
위젯, 이미지, 폰트, 색상을 저장해 두고 드래그 앤 드롭으로 새 인터페이스에 재사용하세요.
쉬운 공유
고객이나 팀원에게 시뮬레이터 링크를 공유하세요. 진행 상황을 확인하고 UI를 직접 조작할 수 있습니다.
이벤트 에디터
위젯과 버튼에 이벤트 핸들러를 드래그 앤 드롭하세요. 코드 없이 LVGL 액션, 전환 효과, 콜백을 연결할 수 있습니다.
애니메이션 에디터
위치, 크기, 불투명도 등을 비주얼 타임라인에서 키프레임으로 조정하세요. 화면 전체에 여러 애니메이션을 조합하고, 코드 한 줄 없이 부드러운 LVGL 트랜지션을 미리 볼 수 있습니다.
Arduino, ESP32 등 다양한 플랫폼 호환
PicoPixel은 표준 LVGL C 코드를 생성합니다. ESP32, STM32, Arduino, Raspberry Pi Pico를 비롯해 LVGL 포트가 있는 수십 가지 마이크로컨트롤러 플랫폼에서 컴파일할 수 있습니다.
사용 방법
디자인부터 제품용 C 코드까지, 세 단계면 됩니다.
STEP 02
미리보기
- 내장 LVGL 시뮬레이터
- 공유 가능한 미리보기 링크
- 팀이나 클라이언트와 검토
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
내보내기
- 잘 구조화된 LVGL 소스
- 플래시하여 실제 하드웨어에서 실행
- 다른 LVGL 에디터와 비교.
안녕하세요, 저는 Ed입니다.
cat ./about.md
이름 Ed
역할 코드 몽키
임베디드 UI를 만들어 보세요.
무료로.
신용카드나 시간 제한 없이 바로 시작하세요. 비주얼 LVGL 에디터에서 ESP32, Arduino, M5Stack 등 LVGL 호환 보드를 위한 임베디드 인터페이스를 만들 수 있습니다. 전체 기능을 살펴보세요.