OpenDesign의 개요
OpenDesign은 데스크톱과 웹 앱에 `od` CLI와 MCP 서버를 더한 것으로, 글로 쓴 브리프를 디자인 결과물로 바꿉니다. 단일 페이지 HTML 프로토타입, 대시보드, 슬라이드 덱, 이미지, 짧은 영상입니다. 자체 모델이나 에이전트는 없습니다. PATH에 이미 있는 코딩 에이전트 CLI(Claude Code, Codex, Cursor, Copilot, OpenCode, Hermes, Kimi 등)나 OpenAI 호환 엔드포인트로 가는 자체 키 프록시를 구동하며, 모든 렌더는 브랜드 규칙을 담은 DESIGN.md 파일을 읽습니다.
저장소에는 디자인 시스템 패키지 151개, 에이전트 스킬 100개 이상, 공식 플러그인 277개가 들어 있고, HTML, PDF, PPTX, ZIP, Markdown, 그리고 HeyGen의 HyperFrames를 통해 MP4로 내보냅니다. 2026년 4월 Anthropic의 Claude Design에 대한 오픈소스 대응으로 시작했고, 지금은 스스로를 협업 워크스페이스라고 부릅니다. 같은 조직 nexu-io는 OpenDesign Go와 Cloud로 호스팅 모델 크레딧을 판매합니다.
Apache-2.0이고 TypeScript로 작성됐으며, 마지막 확인 때 GitHub 스타는 약 104,100개였습니다. 데스크톱 빌드는 macOS와 Windows용이 있고, Linux 사용자는 소스나 Docker로 실행합니다. 최신 릴리스는 2026년 10월 22일의 v0.26.1입니다.
OpenDesign, 쓸 만한 가치가 있습니까?
OpenDesign의 쓸모 있는 아이디어는 디자인 생성에 자체 모델이 필요 없다는 것입니다. 이미 비용을 내는 에이전트 CLI를 띄우고, 기능 스킬이나 템플릿을 DESIGN.md 브랜드 파일에 묶고, 에이전트가 쓴 HTML을 샌드박스 iframe에서 미리 보여 줍니다. 결과물이 평범한 HTML과 CSS라 엔 지니어링을 위해 곧바로 Cursor나 Claude Code로 넘길 수 있고, `od` MCP 서버 덕분에 다른 저장소의 에이전트가 프로젝트의 토큰과 컴포넌트를 낡은 내보내기가 아닌 살아 있는 파일로 읽을 수 있습니다.
대표 수치는 조심해서 봐야 합니다. 저장소는 2026년 4월 28일에 만들어졌고 여섯 달이 안 돼 스타 100,000개를 넘었습니다. Hacker News에서는 초기 성장이 하루 거의 일정하게 1,400개씩이었다며 곡선이 인위적이라는 지적이 나왔고, 추적 도구의 반올림 때문이라는 의견도 있었습니다. 저희는 GitHub 스타 데이터를 확인할 수 없었으므로 결론을 낼 수 없습니다. 활동은 위조하기가 더 어렵습니다. 커밋 약 3,800개, 기여자 약 440명, 포크 11,900개, 9월 22일 이후 릴리스 다섯 번이 있고, 열린 이슈 545개와 열린 풀 리퀘스트 740개가 있습니다.
보안 기본값은 대부분의 로컬 디자인 도구보다 낫습니다. 데몬은 127.0.0.1에 바인딩하고, MCP 서버는 기본적으로 읽기 전용이며, 자체 키 프록시는 SSRF에 대비해 사설 주소와 클라우드 메타데이터 주소를 막고, Docker 배포는 생성된 API 토큰을 요구합니다. 도입 전에 알아 둘 것이 두 가지 있습니다. README에 따르면 "정제된 안전성 및 안정성 텔레메트리는 항상 켜져 있습니다"(제품 분석과 세션 재생은 동의가 필요합니다). 그리고 macOS에서는 `od` 명령이 같은 이름의 시스템 8진수 덤프 유틸리티에 가려질 수 있습니다.
폭은 약점이기도 합니다. 디자인 시스템 151개, 플러그인 277개, 예제 183개는 카탈로그를 평가하기 어렵게 만들고, HN 댓글들은 데모가 평범하고 README가 읽기 버겁다고 했습니다. 프로젝트의 상업 계층은 늘 가까이 있습니다. README는 OpenDesign Go 크레딧 홍보로 시작합니다. 결정적 규칙으로 UI를 감사하는 Impeccable과 비교하면, OpenDesign은 검사하지 않고 생성합니다. 이미 Claude Code에서 일하는 팀이라면 워크스페이스 전체를 도입하지 않고 DESIGN.md와 디자인 스킬만으로도 가치의 대부분을 얻을 수 있습니다.
제 역할을 하는 곳
20명 규모 SaaS 회사의 제품 관리자
기능 브리프를 디자이너가 반응할 수 있는 클릭 가능한 프로토타입으로 만들기
saas-landing이나 dashboard 템플릿을 고르고 팀의 DESIGN.md를 지정한 뒤 Claude Code가 HTML을 렌더하게 합니다. 비용은 제품 관리자의 기존 에이전트 사용량이며, 디자이너는 다시 그리지 않고 같은 프로젝트를 다듬습니다.
디자인 시스템을 관리하는 프런트엔드 엔지니어
다른 저장소의 코딩 에이전트가 최신 토큰과 컴포넌트를 쓰게 하기
`od mcp install claude`(또는 codex, cursor)를 실행하면 에이전트가 프로젝트 목록을 보고 tokens.css나 JSX 파일을 이름으로 읽을 수 있습니다. 기본이 읽기 전용이므로 위험은 에이전트가 읽는 범위로 제한됩니다.
사내 디자이너가 없는 스타트업의 마케팅 책임자
브랜드에 맞는 주간 업데이트 덱과 출시 비주얼 만들기
HTML이나 PPTX 출력에는 덱 템플릿을, 짧은 MP4에는 HyperFrames 템플릿을 씁니다. 에이전트 구독이 없다면 OpenDesign Go가 월 $10부터이며, 호스팅 크레딧은 7일마다 초기화되고 이월되지 않습니다.
도입 전 확인할 점
- 설정
- macOS나 Windows 앱을 내려받거나, deploy/에서 생성한 OD_API_TOKEN과 함께 `docker compose up -d`를 실행합니다. 소스에서는 Node 24와 pnpm 10.33이 필요합니다. 앱은 PATH의 에이전트 CLI를 감지하며, 첫 프로토타입을 만들려면 브리프가 필요합니다.
- 연동
- Claude Code, Codex, Cursor, Copilot CLI, OpenCode, Cline, Kiro, Hermes를 포함한 약 20개 에이전트용 네이티브 어댑터나 MCP 설치. Anthropic, OpenAI, Azure, Gemini, Ollama, LM Studio, vLLM, OpenAI 호환 엔드포인트용 자체 키 프록시.
- 데이터와 개인정보
- 프로젝트는 로컬이나 자체 배포에 남고, 프롬프트는 선택한 에이전트나 모델로 갑니다. README는 안전성 및 안정성 텔레메트리가 항상 켜져 있고, 제품 분석과 세션 재생에는 동의가 필요하다고 말합니다. Apache-2.0은 상업적 사용을 허용합니다.
- 대규모 사용 시 비용
- 자체 호스팅은 무료이며, 실제 비용은 렌더당 에이전트 토큰입니다. 호스팅 크레딧은 월 $10의 Go부터 $200의 Max까지이며, SSO와 공유 디자인 시스템을 위한 Team과 맞춤형 Enterprise 요금제가 있습니다.
- 제한
- 아직 Linux 데스크톱 빌드 없음(이슈 #4368에서 추적). macOS와 WSL에서 `od`가 /usr/bin/od와 충돌. 품질은 뒤에 있는 에이전트와 모델에 달려 있고, 열린 이슈 545개는 빠르게 움직이는 코드베이스를 시사함.
좋은 점
- 이미 가진 에이전트 CLI나 API 키로 동작
- 결과물은 PDF, PPTX, MP4 내보내기가 되는 평범한 HTML/CSS
- 읽기 전용 MCP 서버가 살아 있는 디자인 파일을 다른 에이전트에 노출
- 기본으로 루프백 바인딩과 SSRF 방어
아쉬운 점
- Hacker News에서 스타 증가에 의문 제기
- 일부 텔레메트리는 끌 수 없음
- 사전 빌드된 Linux 데스크톱 빌드 없음
- 크고 고르지 않은 카탈로그, README가 영업 페이지를 겸함
추천 대상
이미 코딩 에이전트를 쓰고 있으며 Claude Design 비용 없이 브랜드에 맞는 프로토타입, 덱, 대시보드를 원하는 제품팀.
OpenDesign 대안
OpenDesign: 자주 묻는 질문
- OpenDesign, 쓸 만한 가치가 있습니까?
- 코딩 에이전트를 디자인 도구로 바꾸는 유능한 프런트엔드입니다. 다만 스타 수와 영업 문구 모두 어느 정도 의심해 볼 만합니다. 평점은 5점 만점에 3.8점입니다.
- OpenDesign의 가격은 얼마입니까?
- 자체 에이전트나 API 키를 쓰면 무료 오픈소스(Apache-2.0)입니다. 선택 사항인 호스팅 크레딧: Go 월 $10, Plus $20, Pro $100, Max $200, 그리고 Team과 Enterprise 요금제가 있습니다.
- OpenDesign의 단점은 무엇입니까?
- Hacker News에서 스타 증가에 의문 제기; 일부 텔레메트리는 끌 수 없음; 사전 빌드된 Linux 데스크톱 빌드 없음; 크고 고르지 않은 카탈로그, README가 영업 페이지를 겸함.
- OpenDesign에 적합한 사람은 누구입니까?
- 이미 코딩 에이전트를 쓰고 있으며 Claude Design 비용 없이 브랜드에 맞는 프로토타입, 덱, 대시보드를 원하는 제품팀.
- 팀이나 프로덕션 환경에서 OpenDesign의 비용은 얼마입니까?
- 자체 호스팅은 무료이며, 실제 비용은 렌더당 에이전트 토큰입니다. 호스팅 크레딧은 월 $10의 Go부터 $200의 Max까지이며, SSO와 공유 디자인 시스템을 위한 Team과 맞춤형 Enterprise 요금제가 있습니다.
- OpenDesign에 회사 데이터를 맡겨도 안전합니까?
- 프로젝트는 로컬이나 자체 배포에 남고, 프롬프트는 선택한 에이전트나 모델로 갑니다. README는 안전성 및 안정성 텔레메트리가 항상 켜져 있고, 제품 분석과 세션 재생에는 동의가 필요하다고 말합니다. Apache-2.0은 상업적 사용을 허용합니다.
- OpenDesign의 가장 좋은 대안은 무엇입니까?
- 저희가 리뷰한 것 중 가장 가까운 대안은 Impeccable, Anatomy 및 Anthropic Skills입니다.
답변 확인일: 2026년 10월 26일.