▲

Penpot: 오픈소스 Figma

 (github.com/penpot)
4P by GN⁺ 3일전 | ★ favorite | 댓글 1개
  • Penpot은 디자이너와 개발자가 함께 사용할 수 있는 오픈소스 디자인 및 프로토타이핑 도구로, 브라우저 기반 또는 자체 호스팅 형태로 제공됨
  • SVG, CSS, HTML, JSON 등 개방형 표준을 기반으로 하며, 디자인 토큰, 컴포넌트 시스템, CSS Grid Layout 등 최신 기능을 포함
  • 플러그인 시스템과 API·웹훅 통합 기능을 통해 외부 애플리케이션과 연동 가능하며, Inspect 모드로 즉시 사용 가능한 코드 확인 지원
  • 커뮤니티 중심의 프로젝트로, 라이브러리·템플릿 공유, 버그 리포트, 번역 참여 등 다양한 기여 방식 제공
  • Mozilla Public License 2.0 하에 공개되어 있으며, 디자인과 개발의 협업 효율성을 높이는 오픈소스 생태계 확장에 기여

Penpot 개요

  • Penpot은 디자인과 코드 협업을 위한 최초의 오픈소스 디자인 도구로, 디자이너는 인터랙티브 프로토타입과 디자인 시스템을 제작하고 개발자는 즉시 사용 가능한 코드를 활용할 수 있음
    • 브라우저에서 바로 사용하거나 자체 서버에 설치 가능
    • 무료로 제공되며, SVG·CSS·HTML·JSON 등 표준 기술 기반
  • 최신 버전에서는 디자인 토큰을 네이티브로 통합하여 디자인과 개발 간의 효율적 협업을 지원
  • 2.0 릴리스에서는 CSS Grid Layout, UI 전면 개편, 새로운 컴포넌트 시스템 등 대규모 업데이트 포함
  • 팀 단위의 추가 서비스가 필요한 조직은 별도 문의 가능
  • 매년 Penpot Fest 행사를 통해 오픈소스 디자인 커뮤니티와 교류

Why Penpot

  • Penpot은 디자인을 코드 형태로 표현하여 디자이너와 개발자 간 양방향 협업을 가능하게 함
  • 플러그인 시스템을 통해 기능 확장 및 외부 앱 통합 지원
  • 개발자 친화적 구조로, 실시간 협업 또는 단독 작업 선택 가능
  • Inspect 모드에서 즉시 사용 가능한 SVG·CSS·HTML 코드 확인 가능
  • 자체 호스팅 기능으로 조직이 완전한 소유권을 가진 협업 환경 구축 가능
  • API 및 웹훅 통합을 통해 개발 툴체인과 연동
  • 디자인 토큰·컴포넌트·Variants를 활용해 일관된 UI 시스템 구축

Getting Started

  • Penpot은 배포 환경에 구애받지 않는 유일한 디자인·프로토타입 플랫폼으로, SaaS 또는 자체 배포 방식 모두 지원
  • Docker, Kubernetes, Elestio 등 다양한 설치 옵션 제공
  • 설치 및 배포 가이드는 공식 웹사이트에서 확인 가능

Community

  • 오픈소스 커뮤니티 중심으로 운영되며, 디자인·코드·아이디어 기여를 환영
  • 커뮤니티 포럼에서 질문, 문제 해결, 개선 제안, 이벤트 참여 가능
  • 주요 카테고리: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
  • 모든 참여자는 Code of Conduct를 준수해야 하며, 긍정적이고 안전한 환경 조성 필요

Contributing

  • 다양한 방식으로 프로젝트에 기여 가능
    • 라이브러리·템플릿 제작 및 공유
    • 팀 초대 및 커뮤니티 참여
    • 버그 리포트 또는 GitHub 이슈 등록
    • 번역 참여 및 피드백 제공
    • Penpot 코드 기여를 위한 개발자 가이드 및 영상 제공
  • 기여 관련 세부 내용은 Contributing Guide에서 확인 가능

Resources

  • 문서, 튜토리얼, 개발 아키텍처, Dev Diaries 등 다양한 자료 제공
    • [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries] 링크 제공

License

  • Penpot은 Mozilla Public License 2.0 (MPL-2.0) 하에 배포
  • 저작권은 Kaleidos Inc. 에 있으며, 오픈소스 프로젝트로 공개됨
▲
GN⁺ 3일전  [-]
Hacker News 의견

  • Penpot을 정말 좋아하고 싶었지만, 몇 달 전 써봤을 때 페이지 간 이동만 해도 문서 일부가 이상하게 변형되는 버그가 있었음
    중요한 문서에 그런 위험을 감수하고 싶지 않아 Figma를 계속 사용했음
    이제 다시 시도해볼까 했는데, 수정되지 않은 채 8개월째 그대로임

    • 이제는 그 문제를 이슈로 등록해야 할 시점 같음
    • 예시 문서를 열어봤는데 그런 현상은 보이지 않았음
      그렇게 심각한 문제라면 무시되기 어려웠을 것 같음

  • Penpot은 셀프호스팅만 가능한 게 아니라, 공식 호스팅 버전도 있음
    무료 요금제는 최대 8명, 10GB 저장공간까지 지원함
    다음 단계는 무제한 인원에 월 $175 상한, 25GB 제한
    최고 요금제는 월 $950 상한에 무제한 저장공간을 제공함

    • 지금은 저렴하지만, Mattermost나 GitLab처럼 시간이 지나면 유료화 구조가 변할 수도 있음
      “우리는 오픈소스 버전의 X를 만들었어”라는 이야기 뒤에는 종종 엔터프라이즈 버전이 생기곤 함
    • “무제한 저장공간”이라는 표현은 실제로는 그렇지 않을 가능성이 높음
      업계에서 이런 표현이 너무 흔한 게 아쉬움

  • UI 요소 작업에서는 Penpot이 내가 가장 자주 쓰는 벡터 에디터임
    단순하고, 단위와 레이아웃 관리가 잘 되어 있음
    아이콘이나 간단한 그래픽을 만들 때 즐거움이 있음
    내보내기 시스템도 훌륭해서 정리하기 쉬움
    전체 앱 플로우 외에도 다양한 용도로 쓸 수 있고, 초기 Sketch 시절의 생산성을 떠올리게 함
    오픈소스라는 게 믿기 어려울 정도임

    • 나도 Penpot을 주력 벡터 툴로 쓰지만, 텍스트를 벡터화할 수 없는 게 큰 불편임
      폰트가 다르면 다른 환경에서 디자인이 깨질 수 있음
      특히 SVG 내보내기 시 텍스트가 포함된 디자인은 완전히 다르게 보일 수 있음

  • Penpot은 불안정하고, 10페이지 이상 작업 시 자주 크래시가 남
    64GB RAM 서버에서 돌려도 5~6페이지부터 메모리 20GB를 쓰며 팀 전체가 심각한 랙을 겪고 결국 다운됨

    • 그 메모리 누수가 서버 쪽인지, 프론트엔드 쪽인지 궁금함
    • Figma도 사실 메모리 소모가 심한 편임

  • Penpot이 나에게는 YaCy를 떠올리게 함
    프로젝트는 훌륭하지만, 언어 선택이 아쉬움
    (YaCy는 Java, Penpot은 Clojure로 작성됨)

    • 궁금해서 묻는데, 2003년의 YaCy라면 어떤 언어를 썼을지, 그리고 지금 Penpot이라면 어떤 언어를 선택했을지 알고 싶음

  • 독립 실행형 데스크톱 버전을 원한다면 이 릴리스 페이지를 참고할 수 있음

    • 아쉬운 점은, 이 데스크톱 버전이 단순히 웹앱을 감싼 형태라는 것임
      오프라인 사용을 위해서는 Docker로 로컬 인스턴스를 띄워야 함

  • 나는 웹 스택이나 셀프호스팅의 성능 부담(performance tax) 을 감수하더라도, 내 디자인 파일이 폐쇄형 클라우드에 묶이지 않는 게 더 중요함
    Figma는 훌륭하지만, 이제는 제품 조직 전체의 단일 실패 지점이 되어버림
    Penpot이 지금은 느리더라도, docker-compose up으로 내가 직접 파이프라인을 소유할 수 있다면 그게 더 낫다고 생각함
    성능은 코드로 개선 가능하지만, 라이선스 제약은 사용자가 바꿀 수 없기 때문임

    • 맞음. 특히 AI 시대에 디자이너들이 자신의 작업물에 대한 통제권과 라이선스의 중요성을 더 인식하게 될 것 같음
      지금까지는 웹 디자이너들만 오픈소스에 관심을 보였음
    • 혹시 Penpot 같은 앱을 쉽게 셀프호스팅할 수 있다면 직접 운영하고 싶은 건지 궁금함

  • Penpot은 꽤 쓸 만하지만, 큰 캔버스에서는 매우 느려짐
    모든 걸 하나의 캔버스에 넣지 않는 게 좋음

  • 비공식 데스크톱 버전도 있음
    커뮤니티 포스트에 따르면, 호스팅 버전보다 지연이 심함
    혹시 사용해본 사람이 있는지 궁금함

  • Penpot은 이미 3년 전에도 Hacker News에서 처음 논의됨
    당시 1145포인트, 128개의 댓글이 달렸음

답변달기