Open CoDesign은 Claude Design이나 v0 같은 AI 디자인 도구를 로컬 데스크톱 앱으로 쓰고 싶은 사람에게 꽤 현실적인 선택지다. 직접 저장소를 클론해 구조와 릴리즈를 확인해보니, 단순한 프롬프트 데모보다 제품형 코드베이스에 가까웠다.
핵심 답변: Open CoDesign은 무엇인가?
답부터 말하면 Open CoDesign은 프롬프트를 HTML, React 프로토타입, 슬라이드, 마케팅 에셋으로 바꿔주는 오픈소스 AI 디자인 에이전트다. 핵심은 클라우드 서비스에 갇히지 않고, 내 노트북에서 실행하며, 내가 이미 쓰는 모델 키나 ChatGPT 구독 로그인을 붙일 수 있다는 점이다.
공식 README는 이 프로젝트를 Claude Design의 오픈소스 대안으로 설명한다. 지원 범위도 꽤 넓다. Anthropic Claude, OpenAI, Gemini, DeepSeek, OpenRouter, SiliconFlow, Ollama, OpenAI 호환 엔드포인트를 붙일 수 있고, Claude Code나 Codex 설정을 가져오는 흐름도 갖고 있다.
내가 본 기준일은 2026년 6월 4일이다. GitHub API 기준 저장소는 별 6천 개를 넘겼고, 최신 릴리즈는 v0.2.1이었다. 다만 README 일부에는 v0.2.0 표현이 남아 있어 문서가 완전히 맞물려 있지는 않았다.
Claude Design과 다른 점은 어디인가?
Open CoDesign의 차이는 “디자인 생성 기능”보다 “로컬 작업 방식”에서 더 크게 보인다. Claude Design, v0, Lovable, Bolt류 서비스는 웹 기반 경험이 강하다. 반면 Open CoDesign은 Electron 앱이고, 디자인 결과물을 로컬 workspace 파일로 다룬다.
v0.2부터 방향도 바뀌었다. 한 번 프롬프트를 넣고 끝나는 생성기가 아니라, 하나의 디자인을 세션과 폴더로 관리하는 방식이다. agent가 파일을 읽고, 쓰고, 수정하고, 미리보기에서 오류를 확인한다. 공식 아키텍처 문서도 apps/desktop, packages/core, providers, runtime, exporters로 나뉜 모노레포 구조를 설명한다.
이건 실무에서 의미가 있다. 예쁜 스크린샷 하나만 얻는 게 아니라, HTML이나 React 소스가 남는다. PDF, PPTX, ZIP, Markdown으로 내보내는 흐름도 있다. 프로토타입을 만들고, 다시 고치고, 파일로 넘겨야 하는 사람에게는 이 차이가 작지 않다.
다만 Figma 레이어 export 같은 기능은 아직 미래 계획에 가깝다. 공식 로드맵에서도 Figma layer export는 1.0 이후로 적혀 있다. 그래서 “Figma를 대체한다”기보다는 “디자인 시안과 웹 프로토타입을 빠르게 뽑는 로컬 도구”로 보는 편이 맞다.
실제로 쓸 만한 부분은 무엇인가?
저장소를 훑어보니 장난감 프로젝트는 아니었다. TypeScript 파일이 수백 개이고, Electron, React 19, Vite, Tailwind v4, Zustand, Vitest, Turborepo, Biome을 쓴다. 패키지도 desktop, core, providers, runtime, ui, artifacts, exporters, templates, shared로 나뉘어 있다.
기능 면에서는 세 가지가 눈에 들어온다.
- Comment mode: 미리보기 화면에서 특정 요소를 찍고 코멘트를 남기면 그 영역을 다시 고치는 방식이다.
- AI-generated sliders: 모델이 색상, 간격, 폰트 같은 조절값을 뽑아주고 사용자가 슬라이더로 다듬는다.
- Local workspace mode: v0.2.1에서 강화된 기능으로, 로컬 폴더를 직접 디자인 작업 공간처럼 쓸 수 있다.
v0.2.1 릴리즈 노트를 보면 회사망 대응도 신경 쓴 흔적이 있다. HTTP proxy 설정, 커스텀 provider의 TLS 검증 토글, ChatGPT 구독 기반 이미지 생성, 로컬 workspace 안정화가 들어갔다. 자세한 내용은 v0.2.1 릴리즈에서 확인할 수 있다.
프로토타입 제작자 입장에서 가장 현실적인 사용처는 랜딩 페이지, 대시보드, 모바일 앱 화면, 피치덱, 제품 소개용 시안이다. 특히 결과물을 HTML이나 PPTX로 빼야 하는 상황이면 웹 전용 AI 디자인 서비스보다 편할 수 있다.
설치 전에 확인해야 할 한계는?
주의할 점도 분명하다. 첫째, 프로젝트는 아직 초기 단계다. CONTRIBUTING 문서에는 pre-alpha라고 적혀 있다. 실제로 열린 이슈를 보면 Ollama provider 추가 실패, ChatGPT 로그인 지역 제한, 이미지 provider 테스트 개선 같은 항목이 남아 있다.
둘째, 설치 파일 서명 문제가 있다. 공식 quickstart는 macOS Sequoia 15 이상에서 Gatekeeper가 막을 수 있으며, 설치 후 아래 명령이 필요할 수 있다고 안내한다.
xattr -cr "/Applications/Open CoDesign.app"Windows도 SmartScreen에서 수동 허용이 필요할 수 있다. 개인 테스트라면 괜찮지만, 보안 심사가 엄격한 조직에 바로 배포하기에는 아직 부담이 있다.
셋째, 결과물 품질은 결국 모델에 크게 좌우된다. Claude나 GPT 상위 모델을 붙이면 꽤 괜찮은 시안이 나올 수 있지만, 작은 로컬 모델을 붙이면 레이아웃이나 코드 품질이 흔들릴 가능성이 높다. Open CoDesign은 좋은 모델을 대체하는 도구가 아니라, 좋은 모델을 로컬 디자인 워크플로에 연결하는 껍데기와 작업장에 가깝다.
설치는 공식 quickstart 기준으로 macOS에서는 다음 명령이 가장 간단하다.
brew install --cask opencoworkai/tap/open-codesign소스 실행은 Node 22와 pnpm이 필요하다.
git clone https://github.com/OpenCoworkAI/open-codesign.git
cd open-codesign
pnpm install
pnpm dev자주 묻는 질문
Open CoDesign은 무료인가?
앱 자체는 MIT 라이선스 오픈소스다. 하지만 Claude, OpenAI, Gemini 같은 외부 모델을 쓰면 각 provider 비용은 별도로 든다. Ollama 같은 로컬 모델을 붙이면 API 비용은 줄일 수 있지만 결과 품질은 모델 성능에 따라 달라진다.
Open CoDesign이 v0나 Lovable을 대체할 수 있나?
일부 용도에서는 가능하다. 특히 HTML 프로토타입, 랜딩 페이지, 대시보드 시안, 슬라이드 초안에는 잘 맞는다. 다만 완성형 앱 빌더나 배포 플랫폼까지 기대하면 아직 부족하다.
업무용으로 바로 써도 되나?
개인 테스트나 내부 시안 제작에는 시도해볼 만하다. 다만 unsigned installer, pre-alpha 상태, provider 연결 이슈를 감안하면 중요한 프로젝트의 단독 도구로 쓰기 전에는 샘플 프롬프트 여러 개와 export 품질을 먼저 확인하는 게 낫다.
