Penpot

CSS 및 SVG 표준, 실시간 협업 및 코드 준비된 핸드오프를 통해 디자이너와 개발자를 연결하는 오픈소스 브라우저 기반 디자인 플랫폼입니다.

커뮤니티:

UI 및 UX 디자인 AI 디자인 보조

웹사이트 방문

Atoms - AI로 코드 없이 웹사이트·앱 제작

StoreClaw

Sponsor

온라인 판매자를 위한 자율 커머스 엔진으로, 모든 주요 전자상거래 플랫폼에서 스토어를 24시간 모니터링하고, 실행하며, 성장시킵니다. 수동 개입이 필요하지 않습니다.

개요
대안
분석

Atoms - AI로 코드 없이 웹사이트·앱 제작

제품 개요

Penpot이란 무엇인가요?

Penpot은 디자이너와 개발자 간의 격차를 줄이기 위해 Kaleidos가 구축한 무료 오픈소스 디자인 및 프로토타이핑 도구입니다. 독점 디자인 앱과 달리 CSS 및 SVG와 같은 웹 표준을 기본적으로 지원하므로 디자이너가 구축한 것이 사용 가능한 코드로 직접 변환됩니다. 팀은 Penpot의 호스팅 클라우드 서비스를 사용하거나 자체 인프라에서 셀프 호스팅하여 완전한 데이터 소유권을 얻을 수 있으며, 이 플랫폼은 와이어프레임부터 인터랙티브 프로토타이핑 및 대규모 디자인 시스템까지 모든 것을 지원합니다.

주요 기능

코드로서의 디자인
네이티브 CSS Grid 및 Flex 레이아웃 지원은 디자인이 실제 프론트엔드 코드에 직접 매핑되어 디자이너와 개발자 간의 핸드오프 마찰을 줄입니다.
실시간 멀티플레이어 협업
여러 팀원이 동시에 동일한 파일을 편집할 수 있으며, 피드백을 위한 내장 댓글 기능과 공유 가능한 프레젠테이션 링크를 제공합니다.
디자인 시스템 및 컴포넌트
재사용 가능한 컴포넌트, 변형, 디자인 토큰 및 공유 라이브러리가 팀이 대규모 제품 스위트에서 시각적 일관성을 유지하도록 돕습니다.
내장 개발 도구
코드 인스펙터와 속성 패널이 바로 사용 가능한 CSS, SVG, HTML 스니펫과 정확한 측정값을 생성하여 구현 속도를 높입니다.
유연한 셀프 호스팅
조직은 온프레미스, 프라이빗 클라우드 또는 Docker를 통해 Penpot을 배포하여 데이터와 인프라를 완전히 제어할 수 있습니다.
플러그인 생태계 및 개방형 API
확장 가능한 플러그인 아키텍처와 개방형 REST API를 통해 팀이 워크플로를 자동화하고 AI 에이전트 플러그인을 포함한 맞춤형 통합을 구축할 수 있습니다.

사용 사례

UI/UX 디자인 : 디자이너는 무한 캔버스에서 벡터 편집, 그리드 및 고급 스타일링 도구를 사용하여 세련된 디지털 제품 인터페이스를 만들 수 있습니다.
디자인-개발 핸드오프 : 개발 팀은 코드 인스펙터를 사용하여 디자인 파일에서 정확한 CSS와 SVG를 직접 가져와 구현 중 의사소통 오류를 줄입니다.
인터랙티브 프로토타이핑 : 제품 팀은 전환 효과와 플로우가 있는 클릭 가능한 프로토타입을 구축하여 코드를 작성하기 전에 사용자 여정을 테스트합니다.
기업 디자인 거버넌스 : 대규모 조직은 SSO, 감사 로그 및 중앙 집중식 관리 제어를 사용하여 디자인 팀의 권한과 보안을 관리합니다.
자체 관리 배포 : 보안을 중시하는 기업과 오픈소스 옹호자들은 Penpot을 셀프 호스팅하여 디자인 자산에 대한 완전한 소유권을 유지합니다.