Anthropic의 Claude Design을 대체하는 오픈소스 도구 Open Design 공개

커뮤니티 반응

게시물 작성자는 도구의 개방성과 비용 효율성에 대해 매우 긍정적이며, 5일 만에 GitHub 18k 스타를 기록한 수치를 근거로 커뮤니티의 높은 관심을 전달하고 있다.

주요 논점

01찬성다수

벤더 종속성이 없고 로컬 실행이 가능하며 MCP 연동이 강력하여 기존 유료 도구보다 우수하다.

합의점 vs 논쟁점

합의점

Anthropic의 폐쇄적인 정책에 대한 대안으로서 오픈소스 도구의 필요성
MCP 프로토콜을 통한 에이전트와 도구 간의 통합이 실무 효율성을 크게 증대시킨다는 점

논쟁점

신규 프로젝트인 만큼 정밀한 편집(surgical edits) 기능 등 아직 개선이 필요한 초기 단계의 불안정성

실용적 조언

초기 프로토타이핑은 Gemini Flash나 Ollama로 진행하고 최종 단계에서만 고성능 모델을 사용하여 비용을 절감하라.
Cursor나 Windsurf 사용 시 내장된 MCP 서버를 활성화하여 에이전트가 디자인 컨텍스트를 직접 파악하게 하라.

섹션별 상세

Open Design은 Anthropic의 폐쇄적인 생태계에서 벗어나 사용자가 직접 API 키를 제공하는 BYOK 방식을 채택했다. 시스템은 로컬에 설치된 Claude Code, Cursor, Gemini CLI 등을 자동으로 감지하여 연동한다. 이를 통해 특정 벤더에 종속되지 않고 사용자가 선호하는 AI 에이전트를 자유롭게 활용할 수 있는 유연성을 확보했다.

bash

pnpm install
pnpm tools-dev run web

Open Design의 로컬 SQLite 데몬과 웹 UI를 동시에 실행하기 위한 설정 명령어

MCP 서버 기능을 내장하여 Cursor, Zed, Windsurf와 같은 최신 AI 코드 에이전트와의 통합을 지원한다. od mcp 명령어를 통해 에이전트가 디자인 파일을 직접 읽도록 설정할 수 있어 수동으로 코드를 복사하거나 UI 스크린샷을 찍어 전달할 필요가 없다. 이는 디자인과 개발 워크플로 간의 마찰을 줄이는 핵심 기술적 장점으로 작용한다.

모델 선택의 자율성을 통해 프로토타이핑 비용을 획기적으로 절감할 수 있는 구조를 제공한다. 초기 초안 작성 시에는 DeepSeek V4나 Gemini Flash, 혹은 Ollama를 통한 로컬 모델을 사용하여 비용을 0에 가깝게 유지하고 최종 결과물 정교화 단계에서만 고성능 모델인 Claude Opus를 선택적으로 사용할 수 있다. 이러한 비용 최적화 전략은 대규모 프로젝트 설계 시 실무적인 이점을 제공한다.

Node v24 기반의 간단한 설치 과정을 통해 로컬 SQLite 데몬과 웹 UI를 즉시 구동할 수 있는 환경을 구축했다. 기존 Claude Design 프로젝트를 ZIP 파일로 내보내어 Open Design으로 드래그 앤 드롭하면 로컬에서 작업을 이어갈 수 있는 호환성도 갖추었다. 현재 71개의 디자인 시스템과 WebGL 기반 슬라이드 데크, Composio를 통한 SaaS 데이터 연동 등을 지원하여 즉각적인 실무 투입이 가능하다.

용어 해설

모델 컨텍스트 프로토콜(Model Context Protocol): — AI 모델이 로컬 데이터나 외부 도구에 안전하게 접근할 수 있도록 설계된 개방형 표준 프로토콜이다. 이를 통해 Cursor나 Windsurf 같은 IDE의 AI 에이전트가 별도의 코드 복사 없이 로컬 디자인 파일을 직접 읽고 수정할 수 있는 상호운용성을 제공한다.
벤더 종속성(Vendor Lock-in): — 특정 서비스 제공업체의 기술이나 생태계에 고착되어 다른 대안으로 전환하기 어려워지는 현상이다. 본문에서는 Anthropic의 유료 플랜이나 특정 클라우드 환경에 묶이지 않고 사용자의 API 키와 로컬 환경을 자유롭게 선택할 수 있는 개방성을 강조하는 맥락에서 사용되었다.
아티팩트(Artifact): — AI가 프롬프트를 기반으로 생성한 독립적인 결과물로, 주로 실행 가능한 HTML, UI 디자인, 또는 인터랙티브한 웹 요소를 의미한다. 사용자는 생성된 아티팩트를 실시간으로 확인하고 수정하며 즉각적인 프로토타이핑 결과를 얻을 수 있다.

언급된 도구

Open Design추천링크

프롬프트를 인터랙티브 HTML/UI로 변환하는 오픈소스 디자인 도구

Composio중립

실시간 SaaS 데이터 연동을 위한 도구

언급된 리소스

GitHubOpen Design GitHub Repository