Duply
실제 디자인 시스템을 DESIGN.md로 정리해 AI 에이전트가 일관된 시각 언어로 제품을 구축하도록 돕습니다.
Duply 소개
Duply는 디자인 토큰, 글꼴, 간격, 컴포넌트를 포함한 실제 디자인 시스템을 하나의 DESIGN.md로 정리하여 AI 코딩 에이전트가 선택한 시각 언어에 따라 제품을 구축하도록 돕습니다. 사용자는 실제 웹사이트와 제품 인터페이스로 구성된 디자인 라이브러리를 둘러보고 스타일, 업종, 색상, 글꼴로 필터링할 수 있습니다. 공식 사이트에 나열된 협업 도구는 Claude Code, Cursor, Codex, Gemini CLI, Copilot, v0, Lovable, Bolt입니다. 또한 Launch Kit은 mock data를 사용하는 프로덕션용 코드베이스를 제공하며, 한 번의 프롬프트로 통합을 연결하고 선택한 DESIGN.md로 스타일을 설정할 수 있습니다.
적합한 사용자
적합한 활용 장면
AI 코딩 에이전트를 위한 웹사이트 또는 제품 UI 시각 스타일 선택
스타일, 업종, 색상, 글꼴로 디자인 레퍼런스 찾기
tokens, type, spacing, components가 포함된 DESIGN.md 생성
Launch Kit으로 mock data를 사용해 코드베이스 시작
기능
디자인 시스템 파일
tokens, type, spacing, components를 하나의 DESIGN.md에 통합합니다.
디자인 라이브러리 필터
실제 웹사이트와 제품 UI를 살펴보고 스타일, 업종, 색상, 글꼴로 필터링할 수 있습니다.
에이전트 프롬프트
사용 중인 도구에 맞춘 바로 쓸 수 있는 agent prompt를 받을 수 있습니다.
Launch Kit
각 페이지에 mock data를 사용하는 프로덕션용 코드베이스를 제공하며, 한 번의 프롬프트로 통합을 연결할 수 있습니다.
장점
- 디자인 토큰, 글꼴, 간격, 컴포넌트를 하나의 DESIGN.md에 통합
- 스타일, 업종, 색상, 글꼴로 디자인 라이브러리 필터링
- 여러 AI 코딩 에이전트 지원
- Launch Kit이 프로덕션용 코드베이스 제공
요금제
Launch Kit
- 프로덕션용 코드베이스
- 각 페이지에 mock data 사용
- 선택한 DESIGN.md로 스타일 설정
* 가격 정보는 참고용입니다. 최신 안내는 Duply 공식 웹사이트를 확인하세요.