도구·사이트 목록

Penpot

웹사이트 · 이미지·디자인

웹·앱 화면과 클릭 흐름 디자인하기

UI 화면, 컴포넌트와 인터랙티브 프로토타입을 만드는 오픈소스 디자인 플랫폼입니다.

  • UI 화면·컴포넌트 제작
  • 프로토타입·개발 정보 확인

어떤 때 쓰면 좋을까요?

실제 화면을 코딩하기 전에 구성과 이동 흐름을 확인하고 싶을 때 사용할 수 있습니다. Penpot은 웹·앱 UI 디자인과 프로토타입을 제공하는 플랫폼입니다. 컴포넌트와 디자인 시스템을 만들고 개발자가 화면 정보를 확인하는 흐름까지 연결할 수 있어요.

화면을 많이 만들기보다 목록과 상세 화면 두 개로 시작해보세요. 반복 버튼을 컴포넌트로 만들고 클릭 흐름을 연결하면 구현 전에 사용감을 살펴볼 수 있습니다. 클라우드와 직접 설치의 운영 조건은 다르며 자동으로 완성 앱이 배포되는 도구는 아닙니다.

이렇게 써보세요

목록과 상세 화면을 만들고 카드 클릭 시 상세로 이동하는 프로토타입을 연결해보세요.

얻는 결과UI 디자인·클릭 프로토타입

사용 순서

  1. 계정 또는 직접 설치 환경을 준비합니다.

  2. 화면과 반복 컴포넌트를 디자인합니다.

  3. 클릭 흐름을 연결하고 개발 정보를 확인합니다.

사용할 때 알아두세요

클라우드·직접 설치와 팀 기능의 조건은 따로 확인하세요.

Penpot 접속하기

제작자 소개 · 2026-10-10 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.