궁극의 드래그 앤 드롭 LVGL 에디터 & GUI 빌더.
자주 묻는 질문
PicoPixel에 대해 알아야 할 모든 것. 찾고 계신 내용이 없으신가요? 문의하기.
일반
PicoPixel이란 무엇인가요?
설치해야 하는 것이 있나요?
아니요. PicoPixel은 완전히 브라우저에서 실행됩니다 — 데스크톱 앱, 플러그인, SDK 설치가 필요 없습니다. 에디터 URL을 열고 GitHub 또는 Google로 로그인하여 디자인을 시작하세요.
어떤 브라우저를 지원하나요?
PicoPixel은 최신 버전의 Chrome, Edge, Firefox에서 가장 잘 작동합니다. Safari도 지원되지만 일부 LVGL 위젯에서 약간의 렌더링 차이가 있을 수 있습니다.
PicoPixel은 어떤 플랫폼과 보드를 지원하나요?
PicoPixel은 LVGL 포트가 있는 모든 플랫폼에서 실행되는 표준 LVGL C code를 생성합니다 — ESP32(ESP32-P4를 포함한 모든 변형), STM32, Arduino, Raspberry Pi Pico, NXP, Renesas 및 Linux 기반 시스템을 포함합니다. LILYGO, M5Stack, Waveshare, Guition, Elecrow, Adafruit의 보드에서 테스트되었습니다.
PicoPixel은 SquareLine Studio와 어떻게 다른가요?
PicoPixel은 브라우저 기반(설치 불필요)이며 실시간 팀 협업을 지원하고 WebAssembly 기반의 라이브 LVGL 시뮬레이터를 포함합니다. SquareLine Studio는 상업적 사용에 유료 라이선스가 필요한 데스크톱 애플리케이션입니다. PicoPixel은 넉넉한 무료 티어와 경쟁력 있는 유료 플랜으로 훨씬 더 저렴합니다. 자세한 비교는 LVGL 에디터 비교를 참조하세요.
PicoPixel은 다른 LVGL 에디터와 어떻게 비교되나요?
PicoPixel, SquareLine Studio, EEZ Studio의 기능, 가격, 협업, 코드 내보내기 등을 비교하는 자세한 비교를 제공합니다. 전체 LVGL 에디터 비교를 참조하세요.
PicoPixel의 일반적인 워크플로는 무엇인가요?
워크플로는 다음과 같습니다: 캔버스에서 인터페이스를 시각적으로 디자인하고, 비주얼 이벤트 에디터로 인터랙션을 연결하고, 라이브 LVGL 시뮬레이터에서 미리 보고, 프로덕션 레디 C code를 내보내고, 펌웨어 프로젝트에 통합합니다. 단계별 안내는 PicoPixel 작동 방식을 참조하세요.
에디터 및 기능
PicoPixel은 어떤 LVGL 버전을 타겟으로 하나요?
PicoPixel은 현재 LVGL 8.x를 타겟으로 하며, v9.x 지원을 계획하고 있습니다. 생성된 코드는 표준 LVGL API 호출을 사용하므로 최신 8.x 릴리스에서 깔끔하게 컴파일됩니다.
기존 LVGL 프로젝트를 가져올 수 있나요?
SquareLine Studio나 EEZ Studio 같은 다른 에디터의 원시 LVGL C 코드나 프로젝트는 가져올 수 없습니다. 하지만 전체 LVGL 디자인을 포함하는 .picopixel 프로젝트 파일은 내보내고, 공유하고, 가져올 수 있습니다. 외부 LVGL 소스 파일 가져오기는 로드맵에 있으며 가장 많이 요청되는 기능 중 하나입니다.
라이브 미리보기는 어떻게 작동하나요?
PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 미리보기에서 보이는 것은 실제 LVGL 렌더링 엔진이며 목업이 아니므로, 출력이 대상 하드웨어와 픽셀 단위로 일치합니다.
커스텀 폰트와 이미지를 사용할 수 있나요?
네. 에디터에서 직접 커스텀 폰트 파일과 이미지 에셋을 업로드할 수 있습니다. PicoPixel에는 번들 폰트 라이브러리도 포함되어 있어, 폰트를 직접 찾고 변환하지 않아도 클릭 한 번으로 LVGL 프로젝트에 맞게 변환할 수 있습니다. Arabic, Hebrew, Chinese, Japanese, Korean 등을 위한 전체 Unicode 지원도 포함됩니다. Fonts 워크스페이스 모드에서 LVGL 폰트 배열을 생성하고 관리할 수 있으며, Assets Library에는 재사용 가능한 위젯, 이미지, 폰트, 색상이 저장됩니다. 자세한 내용은 LVGL fonts guide를 보거나, 여러 언어가 포함된 번들 폰트를 확인할 수 있는 fonts template을 사용해 보세요.
PicoPixel에 라이브 LVGL 시뮬레이터가 있나요?
네. PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 시뮬레이터는 실제 LVGL 엔진을 사용하여 디자인을 렌더링하므로 보이는 것이 대상 하드웨어와 일치합니다. 인터랙션 오버레이가 탭 및 스크롤 가능한 요소를 표시합니다. 클라이언트나 팀원을 위한 공유 가능한 시뮬레이터 링크도 생성할 수 있습니다.
여러 사람이 동시에 프로젝트를 편집할 수 있나요?
네. PicoPixel은 실시간 협업 편집을 지원합니다. 여러 팀원이 동시에 같은 프로젝트에서 작업하고, 댓글과 주석을 남기고, 서로의 변경 사항을 라이브로 확인할 수 있습니다. 내장 버전 관리로 체크포인트를 만들어 변경 사항을 추적할 수 있으며, 팀원이 작업에 피드백을 남기면 알림으로 확인할 수 있습니다.
PicoPixel은 어떤 코드를 내보내나요?
PicoPixel은 깔끔하고 프로덕션 레디한 LVGL C code(.c 및 .h 파일)가 포함된 zip 파일을 내보냅니다. 출력에는 위젯 설정, 스타일링, 레이아웃, 이벤트 바인딩, 에셋 참조가 포함됩니다 — 모두 표준 LVGL API 호출을 사용하며 독점 의존성이 없습니다.
PicoPixel에 비주얼 이벤트 에디터가 있나요?
네. 이벤트 에디터를 사용하면 LVGL 이벤트 핸들러를 시각적으로 연결할 수 있습니다 — 화면 전환, 스타일 변경, 값 업데이트 등의 액션을 위젯에 드래그하면 됩니다 — C code를 작성할 필요가 없습니다. PicoPixel은 내보내기 시 LVGL 이벤트 콜백을 자동으로 생성합니다. 모든 기능을 확인하세요.
PicoPixel에 내장 버전 관리가 있나요?
네. PicoPixel에는 체크포인트, 세밀한 세션 기록(Session Actions), 이전 상태로의 복원 기능을 갖춘 내장 버전 관리가 포함되어 있습니다. UI 디자인 작업에 외부 VCS가 필요 없습니다.
워크스페이스 모드란 무엇인가요?
PicoPixel 에디터에는 Build, Reference, Animation 세 가지 모드가 있습니다. Build mode에서는 LVGL 위젯을 배치하고 디자인하며 에셋을 관리하고 인터페이스를 만듭니다. Reference mode에서는 LVGL 화면 밖에 자신이나 팀을 위한 메모로 텍스트와 이미지를 추가할 수 있습니다. 이 콘텐츠는 LVGL 콘텐츠가 아니며, 내보내지지 않고 .picopixel 파일을 공유할 때도 포함되지 않습니다. Animation mode는 위치, 크기, 불투명도 같은 위젯 속성에 커스텀 애니메이션을 만들 수 있는 고급 타임라인 기반 키프레임 에디터를 제공합니다.
PicoPixel에 애니메이션 에디터가 있나요?
네. PicoPixel에는 전체 타임라인 기반 키프레임 에디터를 갖춘 강력한 Animation mode가 포함되어 있습니다. 위치, 크기, 불투명도 같은 위젯 속성을 시간에 따라 애니메이션화하고, 커스텀 애니메이션 커브를 만들고, 복잡한 멀티트랙 시퀀스를 구성할 수 있습니다. 애니메이션은 시뮬레이터에서 라이브로 미리 볼 수 있으며 LVGL C 코드의 일부로 내보내집니다. 애니메이션을 유료 티어 뒤에 숨기는 다른 에디터와 달리 PicoPixel은 무료 또는 유료 어떤 플랜에서도 애니메이션을 제한하지 않습니다. 악용 방지를 위해 프로젝트당 100개 애니메이션이라는 현실적인 상한은 있지만, 티어 기반 제한은 없습니다.
기술
PicoPixel로 ESP32 터치스크린 UI를 만들 수 있나요?
물론입니다. PicoPixel은 ESP32-S3, ESP32-P4 등 모든 ESP32 변형에서 작동하는 표준 LVGL C code를 생성합니다. 내보내기는 Waveshare 및 Guition ESP32-P4 보드에서 테스트되었습니다. 터치스크린 레이아웃을 시각적으로 디자인하고, 시뮬레이터에서 미리 보고, ESP-IDF, Arduino 또는 PlatformIO용 코드를 내보내세요. PicoPixel for ESP32에 대해 자세히 알아보세요.
PicoPixel은 오프라인에서 작동하나요?
PicoPixel은 인터넷 연결이 필요한 웹 애플리케이션입니다. 자동 저장 기능이 포함되어 있어 연결이 끊어져도 작업이 보호됩니다. 완전한 오프라인 워크플로가 필수 요구사항인 경우 데스크톱 대안에 대한 에디터 비교를 참조하세요.
PicoPixel은 어떤 LVGL 위젯을 지원하나요?
PicoPixel은 버튼, 라벨, 슬라이더, 스위치, 드롭다운, 롤러, 아크, 바, 차트, 이미지, 체크박스, 텍스트 영역, 탭뷰, 컨테이너 등의 핵심 LVGL 위젯 세트를 지원합니다. 위젯 세트는 계속 확장되고 있으며 새로운 위젯이 적극적으로 추가되고 있습니다.
PicoPixel은 ESP-IDF, Arduino, PlatformIO와 호환되나요?
네. 내보낸 코드는 독점 의존성 없는 표준 LVGL API 호출을 사용하므로 ESP-IDF, Arduino IDE, PlatformIO를 포함한 LVGL을 지원하는 모든 빌드 시스템과 통합됩니다. 단계별 안내는 ESP32 통합 가이드를 참조하세요.
PicoPixel은 어떤 디스플레이 해상도를 지원하나요?
PicoPixel에서 대상 하드웨어에 맞는 모든 디스플레이 해상도를 설정할 수 있습니다 — 240x240 소형 원형 디스플레이(GC9A01)부터 320x240 SPI TFT, 800x480 패널 및 그 이상까지. 라이브 시뮬레이터는 선택한 해상도로 렌더링합니다.
가격 및 플랜
PicoPixel은 무료로 사용할 수 있나요?
네. PicoPixel은 무료로 사용할 수 있으며 앞으로도 무료 티어는 유지됩니다. 신용카드가 필요 없습니다. 출시 이후 PicoPixel은 예상보다 빠르게 성장했고 커뮤니티의 반응에 매우 기쁩니다. 더 큰 규모가 필요한 팀과 사용자를 위한 유료 플랜을 지금 이용할 수 있습니다. 무료 Community 티어는 핵심 편집, 라이브 시뮬레이터, 코드 내보내기 등을 포함하는 넉넉한 구성으로 유지됩니다. 유료 플랜은 확장 스토리지, 더 많은 프로젝트, 더 큰 팀, 상용 사용 기준이 필요한 사용자를 위한 것입니다. 자세한 내용은 가격 페이지를 참조하세요.
무료 티어가 있나요?
네. 핵심 편집, 라이브 시뮬레이터, 코드 내보내기, 최대 10개 프로젝트를 포함하는 무료 Community 티어를 이용할 수 있습니다. 생성 코드의 상용 사용은 일부 유료 티어에서 사용할 수 있습니다. 자세한 내용은 가격 페이지를 참조하세요.
가격 체계는 어떻게 되나요?
유료 플랜은 개인용 Starter($10/mo)부터 Pro($20/mo), 팀용 Startup($100/mo)부터 Enterprise($450/mo)까지 이용할 수 있으며 연간 할인도 있습니다. 플랜은 스토리지, 프로젝트 제한, 팀 좌석, 상용 사용 기준을 확장합니다. 기존 계정은 동일 조건으로 유지됩니다. 전체 내역은 가격 페이지를 참조하세요.
PicoPixel로 생성된 코드를 상업 제품에 사용할 수 있나요?
내보낸 코드는 독점 의존성 없는 표준 LVGL API 호출을 사용합니다. Pro 플랜 이상에서는 PicoPixel이 생성한 코드를 상용 제품에 자유롭게 사용할 수 있습니다. Community와 Starter 플랜은 개인, 교육, 취미용이며 상용 사용 권한은 포함하지 않습니다. 자세한 내용은 가격 페이지를 참조하세요.