오픈소스 UI/UX 디자인 툴, 펜팟(Penpot) 소개

Penpot은 디자이너와 개발자가 함께 쓰는 오픈소스 UI/UX 디자인 & 프로토타이핑 도구입니다. 브라우저에서 바로 사용할 수 있고, 원하는 서버에 직접 설치해 팀 전용 협업 환경을 만들 수도 있습니다. 

 

SVG, CSS, HTML, JSON 등 웹 표준 기반으로 동작해서, 디자인 결과물을 코드와 자연스럽게 연결해 주는 것이 특징입니다. 인스펙트 모드에서 바로 사용 가능한 코드(SVG/CSS/HTML)를 확인할 수 있어 개발 핸드오프 과정이 단순해집니다. 

 

최근에는 디자인 토큰과 컴포넌트/버전(Variants)을 기본 기능으로 제공해, 디자인 시스템을 코드 마인드에 맞게 관리하기 좋습니다. CSS Grid 레이아웃, 새 컴포넌트 시스템 등도 포함된 2.0 대형 업데이트가 적용되어 있어서 복잡한 UI도 구조적으로 설계할 수 있습니다. 

 

공식 클라우드 서비스(SaaS) 외에도 Docker·Kubernetes 등으로 손쉽게 셀프 호스팅할 수 있고, 웹훅과 API로 개발 파이프라인과 연동도 가능합니다. GitHub에서 활발히 개발되고 있으며, 이슈·버그 리포트, 번역, 코드 기여 등 커뮤니티 참여 통로도 잘 열려 있는 프로젝트입니다. 

https://github.com/penpot/penpot

GitHub - penpot/penpot: Penpot: The open-source design tool for design and code collaboration