자주 묻는 질문

아니요. PicoPixel은 완전히 브라우저에서 실행됩니다 — 데스크톱 앱, 플러그인, SDK 설치가 필요 없습니다. 에디터 URL을 열고 GitHub 또는 Google로 로그인하여 디자인을 시작하세요.

PicoPixel은 최신 버전의 Chrome, Edge, Firefox에서 가장 잘 작동합니다. Safari도 지원되지만 일부 LVGL 위젯에서 약간의 렌더링 차이가 있을 수 있습니다.

에디터의 코드베이스는 비공개이지만, MIT 라이선스 하에 오픈소스인 LVGL용 코드를 생성합니다.

PicoPixel은 LVGL 포트가 있는 모든 플랫폼에서 실행되는 표준 LVGL C code를 생성합니다 — ESP32(ESP32-P4를 포함한 모든 변형), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas 및 Linux 기반 시스템을 포함합니다. LILYGO, M5Stack, Waveshare, Guition, Elecrow, Adafruit의 보드에서 테스트되었습니다.

PicoPixel은 브라우저 기반(설치 불필요)이며 실시간 팀 협업을 지원하고 WebAssembly 기반의 라이브 LVGL 시뮬레이터를 포함합니다. SquareLine Studio는 상업적 사용에 유료 라이선스가 필요한 데스크톱 애플리케이션입니다. PicoPixel은 상업 프로젝트에 제한 없이 무료입니다. 자세한 비교는 LVGL 에디터 비교를 참조하세요.

PicoPixel, SquareLine Studio, EEZ Studio의 기능, 가격, 협업, 코드 내보내기 등을 비교하는 자세한 비교를 제공합니다. 전체 LVGL 에디터 비교를 참조하세요.

워크플로는 다음과 같습니다: 캔버스에서 인터페이스를 시각적으로 디자인하고, 비주얼 이벤트 에디터로 인터랙션을 연결하고, 라이브 LVGL 시뮬레이터에서 미리 보고, 프로덕션 레디 C code를 내보내고, 펌웨어 프로젝트에 통합합니다. 단계별 안내는 PicoPixel 작동 방식을 참조하세요.

아직은 안 됩니다 — 에디터는 현재 처음부터 프로젝트를 생성하는 것을 지원합니다. 기존 LVGL 소스 파일 가져오기는 로드맵에 있으며 가장 많이 요청되는 기능 중 하나입니다.

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

네. 에디터에서 직접 커스텀 폰트 파일과 이미지 에셋을 업로드할 수 있습니다. 타이포그래피 워크스페이스 모드에서 다양한 폰트를 생성하고 관리할 수 있으며, 에셋 라이브러리에는 재사용 가능한 위젯, 이미지, 폰트, 색상이 저장됩니다. 모든 에디터 기능을 확인하세요.

네. PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 시뮬레이터는 실제 LVGL 엔진을 사용하여 디자인을 렌더링하므로 보이는 것이 대상 하드웨어와 일치합니다. 인터랙션 오버레이가 탭 및 스크롤 가능한 요소를 표시합니다. 클라이언트나 팀원을 위한 공유 가능한 시뮬레이터 링크도 생성할 수 있습니다.

네. PicoPixel은 실시간 협업 편집을 지원합니다 — 5가지 워크스페이스 모드 중 하나입니다. 여러 팀원이 동시에 같은 프로젝트에서 작업하고, 주석으로 피드백을 남기고, 서로의 변경 사항을 실시간으로 확인할 수 있습니다.

PicoPixel은 깔끔하고 프로덕션 레디한 LVGL C code(.c 및 .h 파일)가 포함된 zip 파일을 내보냅니다. 출력에는 위젯 설정, 스타일링, 레이아웃, 이벤트 바인딩, 에셋 참조가 포함됩니다 — 모두 표준 LVGL API 호출을 사용하며 독점 의존성이 없습니다.

네. 이벤트 에디터를 사용하면 LVGL 이벤트 핸들러를 시각적으로 연결할 수 있습니다 — 화면 전환, 스타일 변경, 값 업데이트 등의 액션을 위젯에 드래그하면 됩니다 — C code를 작성할 필요가 없습니다. PicoPixel은 내보내기 시 LVGL 이벤트 콜백을 자동으로 생성합니다. 모든 기능을 확인하세요.

네. PicoPixel에는 체크포인트, 세밀한 세션 기록(Session Actions), 이전 상태로의 복원 기능을 갖춘 내장 버전 관리가 포함되어 있습니다. UI 디자인 작업에 외부 VCS가 필요 없습니다.

PicoPixel 에디터에는 5가지 워크스페이스 모드가 있습니다: 협업(실시간 팀 편집), 버전 관리(체크포인트 및 기록), 에셋(재사용 가능한 위젯 및 에셋 라이브러리), 시뮬레이터(인터랙션 오버레이가 있는 라이브 LVGL 미리보기), 타이포그래피(폰트 관리). 각 모드는 에디터를 특정 워크플로에 집중시킵니다.

PicoPixel은 인터넷 연결이 필요한 웹 애플리케이션입니다. 자동 저장 기능이 포함되어 있어 연결이 끊어져도 작업이 보호됩니다. 완전한 오프라인 워크플로가 필수 요구사항인 경우 데스크톱 대안에 대한 에디터 비교를 참조하세요.

PicoPixel은 버튼, 라벨, 슬라이더, 스위치, 드롭다운, 롤러, 아크, 바, 차트, 이미지, 체크박스, 텍스트 영역, 탭뷰, 컨테이너 등의 핵심 LVGL 위젯 세트를 지원합니다. 위젯 세트는 계속 확장되고 있으며 새로운 위젯이 적극적으로 추가되고 있습니다.

네. 내보낸 코드는 독점 의존성 없는 표준 LVGL API 호출을 사용하므로 ESP-IDF, Arduino IDE, PlatformIO를 포함한 LVGL을 지원하는 모든 빌드 시스템과 통합됩니다. 단계별 안내는 ESP32 통합 가이드를 참조하세요.

PicoPixel에서 대상 하드웨어에 맞는 모든 디스플레이 해상도를 설정할 수 있습니다 — 240x240 소형 원형 디스플레이(GC9A01)부터 320x240 SPI TFT, 800x480 패널 및 그 이상까지. 라이브 시뮬레이터는 선택한 해상도로 렌더링합니다.

네. 핵심 편집 및 내보내기 기능을 갖춘 넉넉한 무료 티어가 항상 제공됩니다. 생성된 코드는 플랜에 관계없이 제한 없이 상업적으로 무료입니다.

플랫폼이 확장됨에 따라 확장된 실시간 협업 및 스토리지와 같은 엔터프라이즈 기능을 위주로 선택적 유료 플랜이 도입될 예정입니다. 자세한 내용은 Discord 및 소셜 채널에서 사전에 공지합니다. PicoPixel을 취미 사용자에게는 접근 가능하게, 전문 팀에게는 경쟁력 있게 유지하는 것이 목표입니다.

네. 내보낸 코드는 독점 의존성이나 라이선스 제한 없는 표준 LVGL API 호출을 사용합니다. PicoPixel로 생성된 코드를 상업 제품에 무료로 자유롭게 사용할 수 있습니다.