penpot-mcp은(는) 무엇을 하나요?
공식 Penpot MCP 서버를 통해 Penpot 디자인 시스템, 프로토타입, 토큰을 생성, 감사, 유지보수하고 디자인-투-코드 워크플로를 지원하는 AI 에이전트 스킬입니다.
개요
이 스킬은 AI 에이전트가 Penpot 디자인 도구와 직접 상호작용할 수 있게 해주는 MCP(Model Context Protocol) 서버를 활용합니다. 주요 기능으로는 다음이 포함됩니다:
- 디자인 시스템 생성 및 감사: 컴포넌트, 스타일, 디자인 토큰의 일관성 확인
- 프로토타입 관리: 프로토타입 생성, 수정, 검토
- 디자인-투-코드 워크플로: 디자인 데이터를 코드로 변환 (SVG, CSS 등)
- 파일 및 프로젝트 관리: Penpot 파일 및 프로젝트 생성, 조회, 수정
지원 플랫폼
- Claude Code
- Cursor
- Codex
- 기타 MCP 호환 AI 에이전트
설정
Penpot MCP 서버와의 연결을 위해 다음과 같은 환경 변수를 설정해야 합니다:
export PENPOT_API_URL=https://your-penpot-instance.com
export PENPOT_ACCESS_TOKEN=your-access-token
사용 예시
- 디자인 시스템 감사: "이 Penpot 프로젝트의 디자인 시스템을 감사해줘"
- 프로토타입 생성: "새로운 랜딩 페이지 프로토타입을 만들어줘"
- 디자인 토큰 내보내기: "현재 프로젝트의 디자인 토큰을 JSON으로 내보내줘"
- 컴포넌트 검색: "버튼 컴포넌트를 검색하고 사용법을 알려줘"
참고 자료
라이선스
MIT 라이선스