드래그 앤 드롭으로 완성하는 LVGL 에디터와 GUI 빌더.
자주 묻는 질문
PicoPixel에 관한 궁금증을 해결해 보세요. 찾는 답변이 없다면 문의해 주세요.
일반
PicoPixel이란 무엇인가요?
설치해야 하는 것이 있나요?
아니요. PicoPixel은 모든 기능이 브라우저에서 실행됩니다 — 데스크톱 앱, 플러그인, SDK 설치가 필요 없습니다. 에디터 URL을 열고 GitHub 또는 Google로 로그인하여 디자인을 시작하세요.
어떤 브라우저를 지원하나요?
PicoPixel은 최신 버전의 Chrome, Edge, Firefox에서 가장 잘 작동합니다. Safari도 지원되지만 일부 LVGL 위젯에서 약간의 렌더링 차이가 있을 수 있습니다.
PicoPixel은 어떤 플랫폼과 보드를 지원하나요?
PicoPixel은 LVGL 포트가 있는 모든 플랫폼에서 실행되는 표준 LVGL C 코드를 생성합니다 — 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 코드를 내보내고, 펌웨어 프로젝트에 통합합니다. 단계별 안내는 PicoPixel 작동 방식을 참조하세요.
에디터 및 기능
PicoPixel은 어떤 LVGL 버전을 지원하나요?
PicoPixel은 현재 LVGL 8.x를 대상으로 하며, v9.x 지원을 계획하고 있습니다. 생성된 코드는 표준 LVGL API 호출을 사용하므로 최신 8.x 릴리스에서 깔끔하게 컴파일됩니다.
기존 LVGL 프로젝트를 가져올 수 있나요?
현재 원시 LVGL C 코드나 다른 에디터의 프로젝트를 가져올 수 없습니다. EEZ Studio 프로젝트 가져오기 지원은 계획되어 있습니다. SquareLine Studio 프로젝트 가져오기는 지원되지 않으며 계획도 없습니다. 다른 에디터 형식에 대한 지원은 아직 결정되지 않았습니다. 전체 LVGL 디자인을 포함하는 .picopixel 프로젝트 파일은 내보내고, 공유하고, 가져올 수 있습니다.
라이브 미리보기는 어떻게 작동하나요?
PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 미리보기에서 보이는 것은 실제 LVGL 렌더링 엔진이며 목업이 아니므로, 출력이 대상 하드웨어와 픽셀 단위로 일치합니다.
커스텀 폰트와 이미지를 사용할 수 있나요?
네. 에디터에서 직접 커스텀 폰트 파일과 이미지 에셋을 업로드할 수 있습니다. PicoPixel에는 번들 폰트 라이브러리도 포함되어 있어, 폰트를 직접 찾고 변환하지 않아도 클릭 한 번으로 LVGL 프로젝트에 맞게 변환할 수 있습니다. 아랍어, 히브리어, 중국어, 일본어, 한국어 등을 위한 완전한 유니코드 지원도 포함됩니다. Fonts 워크스페이스 모드에서 LVGL 폰트 배열을 생성하고 관리할 수 있으며, Assets Library에는 재사용 가능한 위젯, 이미지, 폰트, 색상이 저장됩니다. 자세한 내용은 LVGL 폰트 가이드를 보거나, 여러 언어가 포함된 번들 폰트를 확인할 수 있는 폰트 템플릿을 사용해 보세요.
PicoPixel에 라이브 LVGL 시뮬레이터가 있나요?
네. PicoPixel은 LVGL을 WebAssembly로 컴파일하여 브라우저에서 직접 실행합니다. 시뮬레이터는 실제 LVGL 엔진을 사용하여 디자인을 렌더링하므로 보이는 것이 대상 하드웨어와 일치합니다. 인터랙션 오버레이가 탭 및 스크롤 가능한 요소를 표시합니다. 클라이언트나 팀원을 위한 공유 가능한 시뮬레이터 링크도 생성할 수 있습니다.
여러 사람이 동시에 프로젝트를 편집할 수 있나요?
네. PicoPixel은 실시간 협업 편집을 지원합니다. 여러 팀원이 동시에 같은 프로젝트에서 작업하고, 댓글과 주석을 남기고, 서로의 변경 사항을 라이브로 확인할 수 있습니다. 내장 버전 관리로 체크포인트를 만들어 변경 사항을 추적할 수 있으며, 팀원이 작업에 피드백을 남기면 알림으로 확인할 수 있습니다.
PicoPixel은 어떤 코드를 내보내나요?
PicoPixel은 제품에 바로 사용할 수 있는 깔끔한 LVGL C 코드(.c 및 .h 파일)가 포함된 zip 파일을 내보냅니다. 내보낸 코드에는 위젯 설정, 스타일, 레이아웃, 이벤트 연결, 에셋 참조가 포함됩니다. 모두 표준 LVGL API를 사용하며 독점 라이브러리에 의존하지 않습니다.
PicoPixel에 비주얼 이벤트 에디터가 있나요?
네. 이벤트 에디터를 사용하면 LVGL 이벤트 핸들러를 시각적으로 연결할 수 있습니다 — 화면 전환, 스타일 변경, 값 업데이트 등의 액션을 위젯에 드래그하면 됩니다 — C 코드를 작성할 필요가 없습니다. PicoPixel은 내보내기 시 LVGL 이벤트 콜백을 자동으로 생성합니다. 모든 기능을 확인하세요.
PicoPixel에 내장 버전 관리가 있나요?
네. PicoPixel에는 체크포인트, 세밀한 세션 기록(Session Actions), 이전 상태로의 복원 기능을 갖춘 내장 버전 관리가 포함되어 있습니다. UI 디자인 작업에 외부 VCS가 필요 없습니다.
워크스페이스 모드란 무엇인가요?
PicoPixel 에디터에는 Build, Reference, Animation 세 가지 모드가 있습니다. Build 모드에서는 LVGL 위젯을 배치하고 디자인하며 에셋을 관리하고 인터페이스를 만듭니다. Reference 모드에서는 LVGL 화면 밖에 자신이나 팀을 위한 메모로 텍스트와 이미지를 추가할 수 있습니다. 이 콘텐츠는 LVGL 콘텐츠가 아니며, 내보내지지 않고 .picopixel 파일을 공유할 때도 포함되지 않습니다. Animation 모드는 위치, 크기, 불투명도 같은 위젯 속성에 커스텀 애니메이션을 만들 수 있는 고급 타임라인 기반 키프레임 에디터를 제공합니다.
PicoPixel에 애니메이션 에디터가 있나요?
네. PicoPixel에는 전체 타임라인 기반 키프레임 에디터를 갖춘 강력한 Animation 모드가 포함되어 있습니다. 위치, 크기, 불투명도 같은 위젯 속성을 시간에 따라 애니메이션화하고, 커스텀 애니메이션 커브를 만들고, 복잡한 멀티트랙 시퀀스를 구성할 수 있습니다. 애니메이션은 시뮬레이터에서 라이브로 미리 볼 수 있으며 LVGL C 코드의 일부로 내보내집니다. 유료 요금제에서만 애니메이션을 제공하는 다른 에디터와 달리 PicoPixel은 무료·유료 요금제 모두에서 애니메이션을 제한하지 않습니다. 악용 방지를 위해 프로젝트당 애니메이션 100개라는 상한은 있지만, 요금제별 제한은 없습니다.
기술
PicoPixel로 ESP32 터치스크린 UI를 만들 수 있나요?
물론입니다. PicoPixel은 ESP32-S3, ESP32-P4 등 모든 ESP32 모델에서 작동하는 표준 LVGL C 코드를 생성합니다. 내보내기는 Waveshare 및 Guition ESP32-P4 보드에서 테스트되었습니다. 터치스크린 레이아웃을 시각적으로 디자인하고, 시뮬레이터에서 미리 보고, ESP-IDF, Arduino 또는 PlatformIO용 코드를 내보내세요. PicoPixel로 ESP32 UI 만들기에 대해 자세히 알아보세요.
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)부터 Pro(월 $20), 팀용 Startup(월 $100)부터 Enterprise(월 $450)까지 이용할 수 있으며 연간 할인도 있습니다. 요금제에 따라 스토리지, 프로젝트 수 한도, 팀원 수, 상용 사용 조건이 달라집니다. 기존 계정은 동일 조건으로 유지됩니다. 전체 내역은 요금제 페이지를 참조하세요.
PicoPixel로 생성된 코드를 상용 제품에 사용할 수 있나요?
내보낸 코드는 독점 라이브러리 의존성 없는 표준 LVGL API 호출을 사용합니다. Pro 요금제 이상에서는 PicoPixel이 생성한 코드를 상용 제품에 자유롭게 사용할 수 있습니다. Community와 Starter 요금제는 개인, 교육, 취미용이며 상용 사용 권한은 포함하지 않습니다. 자세한 내용은 요금제 페이지를 참조하세요.