Figma 종속 탈피의 답: Penpot이 하루 424개의 별을 받은 이유

2026년 6월, Penpot이 하루 424개의 별을 받으며 GitHub 트렌딩 1위에 올랐다. 누적 ★51,343개. 단순한 오픈소스 호기심이 아니다. 디자인 툴 시장의 구조적 불안이 이 숫자를 밀어 올리고 있다.

이게 뭔가

Penpot은 브라우저에서 실행되는 UI/UX 디자인 협업 툴이다. Figma가 하는 일을 거의 다 한다 — 벡터 드로잉, 컴포넌트 시스템, 프로토타이핑, 실시간 멀티 커서 협업. 결정적 차이 두 가지: 완전 오픈소스(MPL-2.0) 라이선스로 소스를 공개했고 자체 서버에 설치해 운영할 수 있다. 데이터가 외부 클라우드를 거치지 않는다.

내부 기술 스택은 Clojure/ClojureScript — 비주류이지만 안정성과 함수형 데이터 모델링에 강점이 있다.

왜 지금 뜨는가

세 가지 흐름이 동시에 작용 중이다.

① Figma 종속 피로감 누적. 2022년 Adobe의 Figma 인수 시도(약 200억 달러)는 EU 규제로 무산됐지만, 팀들은 한 벤더에 핵심 워크플로우를 전부 맡기는 위험을 새삼 확인했다. Figma는 이후 무료 플랜의 프로젝트 수·에디터 권한을 잇따라 축소했고 팀 플랜은 에디터 1인당 월 15달러다.

② 디자인-코드 협업 수요 급증. Penpot은 SVG 표준 기반으로 설계돼, 레이어를 선택하면 CSS 코드가 실시간으로 추출된다. 디자이너가 시안을 넘기면 개발자가 스펙을 물어보던 사이클이 단축된다.

③ 검증된 디지털 공공재 인정. Penpot은 UN 디지털 공공재(DPG)로 공식 인증받았다. 공공 기관·교육 기관 도입 장벽이 낮아졌다.

핵심 기능

• 코드 인스펙션: 레이어 선택 시 CSS 스니펫 자동 생성
• 컴포넌트·에셋 라이브러리: 팀 공유 디자인 시스템 관리
• 실시간 멀티 커서 협업: Google Docs 방식, 별도 플랜 없이 사용 가능
• 프로토타이핑: 클릭 인터랙션·화면 전환 효과 설정
• SVG 완전 호환: 파일 포맷이 표준 SVG 기반 — 벤더 락인 없음
• 플러그인 API (2.0+): JS 기반 확장 개발 가능

누구에게 쓸모 있나

대상	이유
스타트업·소규모 팀	Figma 구독 없이 무료 자체 호스팅
기업 보안팀	디자인 에셋이 외부 클라우드에 나가지 않음
풀스택 개발자	CSS 자동 추출로 디자인→코드 전환 직접 수행
공공·교육 기관	DPG 인증, 오픈소스 조달 기준 충족

시작하기

가장 빠른 방법: penpot.app에서 무료 클라우드 계정 생성. 설치 없이 즉시 팀 초대까지 가능.

자체 호스팅(권장 방법 — Docker Compose):

# 공식 docker-compose 파일 다운로드
curl -o docker-compose.yaml \
  https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml

# 컨테이너 실행 (백그라운드)
docker compose -p penpot -f docker-compose.yaml up -d

완료 후 http://localhost:9001에서 접근. 첫 계정이 자동으로 관리자 권한을 갖는다.

사용 예시

예시 1 — 외부 공개 서버 가입 차단 (플래그 설정)

# docker-compose.yaml → penpot-frontend 서비스의 environment 항목
environment:
  - PENPOT_FLAGS=disable-registration enable-login-with-password

인터넷에 열린 서버라면 disable-registration으로 무단 계정 생성을 막는다. 팀원은 관리자가 이메일로 초대.

예시 2 — 팀 초대 이메일 SMTP 설정

# docker-compose.yaml → penpot-backend 서비스의 environment 항목
environment:
  - PENPOT_SMTP_HOST=smtp.example.com
  - PENPOT_SMTP_PORT=587
  - PENPOT_SMTP_USERNAME=no-reply@yourteam.com
  - PENPOT_SMTP_PASSWORD=your_password
  - PENPOT_SMTP_TLS=true

미설정 시 초대 링크를 수동 복사해 공유해야 한다. 팀 운영이라면 초기에 반드시 설정.

예시 3 — 플러그인 API로 선택 레이어 정보 읽기 (JS)

// Penpot 플러그인 개발 환경에서 실행
// 현재 선택된 모든 도형의 이름과 타입을 콘솔에 출력
penpot.selection.forEach(shape => {
  console.log(`이름: ${shape.name} / 타입: ${shape.type}`);
});

Penpot 2.0부터 베타 공개된 플러그인 API. 에셋 일괄 수정, 디자인 린트, 외부 데이터 연동 등 자동화에 활용 가능.

한계·주의

• 플러그인 생태계 격차: Figma의 수천 개 플러그인 대비 Penpot 마켓플레이스는 초기 단계. 익숙한 플러그인이 없을 가능성이 높다.
• Figma 파일 직접 변환 불가: .fig 포맷 임포트 미지원. SVG·PDF 경유 시 레이어 구조 손실이 발생한다.
• 모바일·터치 지원 제한: 브라우저 전용이며 태블릿 터치 인터페이스는 아직 완성도가 낮다.
• Clojure 스택 진입 장벽: 기여자로 참여하려면 비주류 언어 학습이 필요하다. 이슈 리포팅·커뮤니티 기여는 별도 부담 없음.

Penpot은 Figma를 1:1로 대체하는 툴이 아니다. 데이터 통제권과 비용 독립성을 택한 팀에게는 지금 당장 쓸 수 있는 현실적 선택지다. 플러그인 생태계와 임포트 완성도의 개선 속도가 도입 시기를 가를 변수다.