추천하는 이유
피그마처럼 브라우저에서 화면을 디자인하고 함께 작업합니다. 결과물이 SVG·CSS 같은 웹 표준이라 개발로 넘기기 쉽고, 공식 클라우드를 무료로 쓰거나 로 직접 띄울 수 있어 한 회사 서비스에 묶이지 않습니다.
AI 에이전트로 설치하기
준비물
- 브라우저 하나 (공식 클라우드 무료 계정)
- 직접 운영하려면 , , 메모리가 넉넉한 컴퓨터
바로 (직접 운영하면 약 30분)
- penpot.app에서 무료 계정으로 바로 시작
- 직접 운영하려면 아래 프롬프트를 에 붙여 넣기
- http://localhost:9001 에서 계정 만들기
Claude Code나 Cursor 같은 코딩 에이전트에 붙여 넣으세요. ChatGPT 채팅창에서는 명령이 실행되지 않습니다.
Docker로 Penpot을 내 컴퓨터에 띄워 줘. - Penpot 공식 문서의 self-host(Docker) 안내에 있는 docker-compose 파일을 내려받아 써 줘. - 시작 전에 내 컴퓨터 메모리를 확인해서 부족하면 미리 알려 줘. - 끝나면 http://localhost:9001 에서 계정을 만드는 단계까지 안내해 줘. 시작하기 전에 이미 설치된 것과 포트 충돌을 확인해 줘. 명령을 실행하기 전마다 무엇을 하는지 한 줄로 설명하고, 삭제·덮어쓰기·외부 공개가 필요한 작업은 실행 전에 꼭 물어봐 줘.
