-
Cursor for design - IDE 내부에서 동작하는 오픈소스 디자인 에이전트
- 자연어 프롬프트를 통해 UI 목업(mockup), 컴포넌트, 와이어프레임을 즉시 생성 가능
- Cursor, Windsurf, Claude Code, VS Code 등과 완벽 호환 (확장으로 설치)
주요 기능
-
Product Mock: 프롬프트 한 줄로 전체 UI 화면 자동 생성
-
UI Components: 재사용 가능한 컴포넌트 생성 및 코드 삽입 가능
-
Wireframes: 빠른 반복(iteration)을 위한 저해상도 와이어프레임 제공
-
Fork & Iterate: 디자인을 복제하고 진화시키는 기능
-
Prompt-to-IDE: 생성 프롬프트를 IDE(Cusor, Windsurf, Claude Code 등)로 바로 전달
- 생성된 모든 디자인은 로컬 디렉토리
.superdesign/ 에 저장됨
Claude Code / Cursor 구독 연동
- SuperDesign 초기화 후 Cursor/Claude Code 규칙이 자동 추가되어, 디자인 프롬프트 및 미리보기 지원
- Cursor 사용 시:
design.mdc 파일에 프롬프트를 복사하고 Cursor에서 같은 시스템 프롬프트로 Custom Mode를 생성하면 성능 향상
- 참고 영상: Instruction Video