penpot/penpot

외부 오픈소스 저장소를 소개하는 글입니다. HDATF 제품이 아닙니다.

무엇을 하나

제품 팀을 위한 오픈소스 디자인 플랫폼으로, 브라우저에서 쓰거나 self-hosting으로 운영할 수 있습니다. SVG, CSS, HTML 같은 개방형 표준을 따르며 실시간 협업, design token, MCP server, 공개 API, plugin을 제공합니다.

ATF에 주는 도움

디자인과 개발이 design token을 함께 쓰는 방식은 ATF Works 화면을 일관되게 유지하는 데 참고할 수 있습니다. self-hosting 방식과 MCP server도 비교해 볼 만합니다.

라이선스

MPL-2.0 표준이 아닌 자체 라이선스입니다. 재사용 전에 라이선스 파일을 직접 읽어야 합니다.

같은 분야 저장소

• facebook/astryx
  React 기반 오픈소스 design system으로 현재 베타입니다. 접근성을 고려한 컴포넌트, 브랜드 테마, 다크 모드, 템플릿, CLI를 제공하며 사람과 AI assistant가 같은 도구로 쓰도록 만들었습니다.
• nexu-io/open-design
  OpenDesign은 macOS와 Windows용 local-first 데스크톱 앱입니다. Claude Code, Codex, Cursor 같은 coding agent로 프로토타입, 대시보드, 슬라이드, 이미지, 영상을 만들고 HTML, PDF, PPTX, MP4 파일로 내보냅니다.
• Nutlope/hallmark
  Hallmark는 Claude Code, Cursor, Codex용 디자인 skill로, AI가 만든 티가 나는 뻔한 화면을 피해 UI를 만듭니다. 페이지 구조와 테마를 고르고, 결과를 내기 전에 slop test 점검을 돌립니다. 기존 디자인을 audit, redesign, study 할 수도 있습니다.
• alchaincyf/huashu-design
  Huashu Design은 Claude Code 등 여러 agent에서 쓰는 HTML 기반 디자인 skill로, 글로 적은 요청을 클릭 가능한 프로토타입, 슬라이드, 애니메이션, 인포그래픽으로 만듭니다. 디자인 철학 가이드, 5가지 관점의 디자인 리뷰, MP4 내보내기를 포함합니다.
• CoreBunch/Instatic
  Instatic은 캔버스 편집기, 콘텐츠 엔진, 미디어, 인증, 폼, 플러그인, 게시 기능이 SQLite나 Postgres를 쓰는 Bun 서버 하나에서 돌아가는 self-hosted 비주얼 CMS입니다. 결과물은 단순한 시맨틱 HTML과 간결한 CSS로 나옵니다.

Trendshift 순위 목록에 오른 저장소만 담았고, 목록은 후보를 찾는 데만 썼습니다. 순위 숫자는 옮기지 않았습니다. 설명과 라이선스, 별 수는 각 GitHub 저장소에서 확인했습니다. 해설은 우리의 판단입니다. 이 프로젝트들을 직접 시험한 것은 아니며, 상승 목록에 올랐다고 품질이 증명되지는 않습니다.