Penpot

Penpot은 제품 팀이 인터페이스를 설계하고 프로토타입·디자인 시스템을 공유할 수 있도록 제작된 자유·오픈 소스 협업 디자인 플랫폼이다. Figma와 마찬가지로 브라우저를 이용해 화면·컴포넌트를 제작하지만 자체 서버 배포와 공개 표준 활용을 중요한 목표로 삼는다. 2D 그래픽 소프트웨...

분류2D 그래픽 소프트웨어, 협업형 UI·UX 디자인 플랫폼
개발Kaleidos
플랫폼웹 브라우저, 자체 호스팅 서버
작성 언어Clojure, ClojureScript 등 공개 소스 구성
주요 기능협업형 UI·UX 디자인 플랫폼
파일 형식SVG 기반 도형, 구성 요소·디자인 토큰, 파일 내보내기
공식 자료공식 또는 원본 자료

Penpot은 제품 팀이 인터페이스를 설계하고 프로토타입·디자인 시스템을 공유할 수 있도록 제작된 자유·오픈 소스 협업 디자인 플랫폼이다. Figma와 마찬가지로 브라우저를 이용해 화면·컴포넌트를 제작하지만 자체 서버 배포와 공개 표준 활용을 중요한 목표로 삼는다. 2D 그래픽 소프트웨어 중에서도 웹 인터페이스 설계에 특화된 도구에 속한다.[1]

디자인은 프레임·벡터 경로·텍스트·구성 요소와 변형을 조합해 작성한다. 오토 레이아웃, CSS Grid·Flexbox와 유사한 배치 규칙, 디자인 토큰과 공유 라이브러리로 여러 화면의 간격·색·서체를 일관되게 관리할 수 있다. 프로토타입 링크는 화면 간 이동과 상호작용 흐름을 시연하는 데 사용된다.

서버와 클라이언트의 공개 소스 구성은 Clojure, ClojureScript 등을 포함하며, SVG, CSS, HTML과 같은 웹 표준을 활용한다. 브라우저에서 수정한 디자인 자산을 개발 코드로 옮기는 과정에서는 각 레이어의 구조가 중요하다. 공개 프로젝트는 MPL 2.0 라이선스로 배포되며 자체 호스팅도 지원한다.[2]

Figma, Sketch, Adobe XD 등과 UI 제작 목적을 비교할 수 있고, Inkscape와는 벡터 경로 편집이라는 기술을 공유한다. 그러나 완성된 UI 이미지와 실제 애플리케이션의 동작은 별도 결과물이며, 코드를 생성하더라도 프로그램의 모든 행동이 자동으로 완성되는 것은 아니다.

역사

기원

기능 변화

디자인 문서와 구성 요소

디자인 시스템·토큰

프로토타이핑

SVG·웹 표준

Clojure·서버 아키텍처

협업과 자체 호스팅

관련 문서

  1. Penpot 공식 제품 설명 ↩
  2. Penpot 공식 제품 설명 ↩