PicoPixel 소개

PicoPixel이란?

PicoPixel은 LVGL 기반 임베디드 사용자 인터페이스를 위해 특별히 제작된 브라우저 기반 비주얼 디자인 도구입니다. 픽셀 단위로 정확한 캔버스에 위젯을 드래그 앤 드롭하세요 — 버튼, 라벨, 슬라이더, 스위치, 아크, 차트, 드롭다운, 롤러, 체크박스, 텍스트 영역, 탭뷰, 컨테이너, 이미지 — 시각적으로 스타일을 적용하고, 비주얼 이벤트 에디터로 이벤트 핸들러를 연결하고, 재사용 가능한 에셋(위젯, 이미지, 폰트, 색상)을 관리하며, 대상 플랫폼용 프로덕션 레디 C 코드를 내보낼 수 있습니다. 임베디드 UI를 위한 Figma라고 생각하시면 됩니다.

주요 기능으로는 라이브 커서와 주석을 활용한 실시간 협업, 하드웨어에서의 실제 렌더링을 픽셀 단위로 재현하는 WebAssembly 기반 LVGL 라이브 시뮬레이터, 세밀한 세션 기록이 포함된 내장 버전 관리, 이해관계자 리뷰를 위한 공유 가능한 시뮬레이터 링크, 타이포그래피 관리 도구가 있습니다. 모든 것이 브라우저에서 실행되며 설치가 필요 없습니다.

PicoPixel은 LVGL 포트가 있는 모든 플랫폼에서 실행되는 표준 LVGL 8.x C 코드를 생성합니다 — ESP32, STM32, Arduino, Raspberry Pi Pico, NXP, Renesas, Linux 기반 시스템을 포함합니다. 내보낸 코드는 ESP-IDF, Arduino IDE, PlatformIO에서 동작합니다. 스마트 홈 패널 프로토타이핑, 산업용 HMI 구축, 휴대용 장치 UI 설계 등 어떤 작업이든 PicoPixel은 웹 디자이너가 당연하게 사용하는 비주얼 워크플로우를 제공합니다. PicoPixel은 상용 프로젝트를 포함하여 무료로 사용할 수 있습니다.

개발 배경

임베디드 장치의 UI 구축은 전통적으로 픽셀 좌표를 수작업으로 코딩하고 저수준 그래픽 라이브러리와 씨름하는 것을 의미했습니다 — C 코드를 작성하고, 플래시하고, 디스플레이를 확인하고, 조정하고, 다시 플래시하는 과정의 반복이었죠. 우리는 임베디드 개발자도 웹 및 모바일 개발자가 누리는 것과 동일한 비주얼 디자인 경험을 누려야 한다고 믿습니다. PicoPixel은 드래그 앤 드롭 에디터, 하드웨어에서 UI가 어떻게 렌더링되는지 정확히 보여주는 라이브 시뮬레이터, 그리고 팀이 실시간으로 함께 디자인할 수 있는 협업 워크플로우로 그 격차를 해소합니다.

작동 방식

PicoPixel은 LVGL 개발을 코드 중심 프로세스에서 비주얼 드래그 앤 드롭 워크플로우로 전환합니다. 프로세스는 6단계로 나뉩니다: 디자인 — LVGL 위젯을 픽셀 단위로 정확한 캔버스에 드래그하고 시각적으로 스타일을 적용합니다. 인터랙션 연결 — 비주얼 이벤트 에디터를 사용하여 버튼 누름을 화면 전환에, 슬라이더 변경을 라벨 업데이트에 연결합니다. C 코드 작성 없이 모두 가능합니다. 미리보기 — WebAssembly 기반 LVGL 라이브 시뮬레이터에서 UI를 확인합니다. 목업이 아닌 실제 렌더링 엔진입니다. 내보내기 — 독점적 종속성 없는 프로덕션 레디 LVGL C 코드(.c 및 .h 파일)를 생성합니다. 통합 및 플래시 — 내보낸 파일을 ESP-IDF, Arduino 또는 PlatformIO 프로젝트에 추가합니다. 마지막으로 협업 및 반복 — 내장 버전 관리를 사용하여 팀과 실시간으로 협력합니다. 전체 단계별 가이드 보기.

PicoPixel 비교

LVGL의 3대 비주얼 에디터는 PicoPixel, SquareLine Studio, EEZ Studio입니다. PicoPixel은 설치 없이 브라우저에서 바로 사용할 수 있으며, SquareLine Studio와 EEZ Studio는 데스크톱 애플리케이션입니다. PicoPixel은 실시간 협업 편집, 내장 버전 관리, 공유 가능한 시뮬레이터 미리보기 링크를 갖춘 유일한 LVGL 에디터입니다. 상용 사용을 포함하여 기능 제한 없이 무료입니다 — SquareLine Studio의 유료 요금제나 EEZ Studio의 오픈소스(GPL-3.0) 모델과 비교됩니다.

PicoPixel은 불필요한 보일러플레이트나 독점적 종속성 없이 깔끔한 LVGL C 코드를 내보냅니다. 현재 LVGL 8.x를 지원하며 v9.x가 계획되어 있습니다. PicoPixel은 오픈 베타 중이므로 위젯 범위가 확장 중입니다 — SquareLine Studio와 EEZ Studio는 현재 더 광범위한 위젯 라이브러리를 보유하고 있습니다. EEZ Studio는 추가로 비주얼 플로우 기반 프로그래밍(EEZ Flow)을 제공하며 완전히 오픈소스입니다. SquareLine Studio는 더 큰 기존 커뮤니티와 더 많은 플랫폼별 문서를 갖추고 있습니다. 전체 비교 보기.

오픈 베타 및 제한 사항

PicoPixel은 현재 오픈 베타 중이며, 1인 개발자 Ed가 혼자 구축하고 유지 관리하고 있습니다. 위젯 세트는 활발히 확장 중이며, LVGL v9.x 지원이 계획되어 있고, 애니메이션과 전환 효과 같은 일부 기능은 아직 로드맵에 있습니다. 인프라 확장에 따라 일시적인 제한이 있을 수 있습니다. 여러분의 인내와 피드백은 정말 소중합니다 — 문제가 발생하면 언제든지 연락해 주세요.

문의하기

질문, 아이디어가 있거나 파트너십을 원하시나요? 여러분의 의견을 기다립니다. 문의 페이지를 통해 연락해 주세요.