본문 바로가기
AI.IT

Open CoDesign 분석, 디자인 생성기보다 로컬 에이전트에 가깝다

by bamsik 2026. 6. 4.
반응형

Open CoDesign 분석, 디자인 생성기보다 로컬 에이전트에 가깝다

Open CoDesign은 Claude Design 대안으로 소개되지만, 저장소를 직접 보면 더 중요한 변화는 따로 있다. v0.2부터 이 도구는 단발성 화면 생성기가 아니라, 로컬 작업공간을 가진 AI 디자인 에이전트 쪽으로 방향을 잡고 있다.

핵심 답변: Open CoDesign은 어떤 도구인가

답부터 말하면 Open CoDesign은 로컬 우선 데스크톱 AI 디자인 도구다. 프롬프트로 HTML 프로토타입, 슬라이드, 마케팅 산출물 등을 만들고, Claude·GPT·Gemini·DeepSeek·Kimi·Ollama·OpenAI 호환 엔드포인트 같은 여러 모델을 사용자가 직접 연결하는 구조다.

공식 저장소 기준으로 라이선스는 MIT이고, 2026년 6월 4일 확인 시점에 GitHub 스타는 6,600개를 넘었다. 최신 공개 릴리즈인 v0.2.0의 핵심 이름은 Agentic Design이다. 이 이름이 꽤 중요하다. 단순히 “예쁜 페이지를 만들어준다”가 아니라, 디자인 작업을 파일·세션·도구 호출이 있는 에이전트 루프로 바꾸려는 시도이기 때문이다.

Open CoDesign의 핵심은 Claude 대체가 아니라 작업공간이다

처음 보면 Open CoDesign은 Claude Design, v0, Lovable, Bolt.new, Figma AI의 오픈소스 대안처럼 보인다. README도 그렇게 설명한다. 근데 저장소의 AGENTS.md와 로드맵을 보면, 이 프로젝트가 노리는 지점은 “웹에서 한 번 생성하고 끝”이 아니다.

v0.2부터 각 디자인은 하나의 작업공간을 가진다. 생성된 App.jsx, HTML, CSS, 이미지, 내보내기 파일, AGENTS.md, DESIGN.md 같은 소스가 로컬 파일로 남는다. 세션 기록도 JSONL 기반으로 유지한다. 이건 꽤 현실적인 방향이다. AI가 만든 디자인을 계속 수정하려면, 결과물이 채팅창 안에 갇혀 있으면 안 된다. 파일로 남고, 다시 읽히고, 부분 수정돼야 한다.

Claude Code나 Codex를 매일 굴리는 입장에서 보면 이 차이가 바로 보인다. 코딩 에이전트가 강해진 이유는 “답변을 잘해서”가 아니라, 파일을 읽고 고치고 테스트하고 다시 수정하는 루프를 갖췄기 때문이다. Open CoDesign은 그 방식을 디자인 산출물에 가져오려는 쪽에 가깝다.

v0.2 Agentic Design이 바꾼 것

Open CoDesign의 v0.2는 2026년 5월 9일 공개됐다. 변경 로그에 따르면 이 릴리즈는 작업공간 기반 디자인 세션, 권한이 걸린 도구 사용, 디자인 시스템 파일을 핵심으로 한다.

구조를 보면 데스크톱 앱은 Electron이고, 프론트엔드는 React 19, Vite 6, Tailwind v4를 쓴다. 내부 패키지는 core, providers, runtime, ui, artifacts, exporters, templates, shared로 나뉜다. 모델 호출은 @mariozechner/pi-ai, 에이전트 루프는 pi-coding-agent 계열을 바탕으로 둔다.

여기서 흥미로운 건 도구 목록이다. 기본 read, write, edit, bash, grep, find, ls 같은 파일 작업 도구를 권한 UI로 감싸고, 디자인 쪽에는 ask, scaffold, skill, preview, gen_image, tweaks, todos, done 같은 도구를 붙인다. 말하자면 “디자인을 생성한다”보다 “디자인 작업을 진행한다”에 가깝다.

특히 DESIGN.md가 눈에 띈다. 브랜드 색상이나 타이포그래피를 모델 기억에 맡기는 게 아니라, 디자인 시스템 문서로 남기고 에이전트와 사용자가 같이 수정하는 구조다. 이건 실무에서 중요하다. 한 번 예쁜 랜딩페이지를 만드는 것보다, 같은 톤으로 두 번째 화면과 세 번째 슬라이드를 이어 만드는 게 더 어렵기 때문이다.

지금 써볼 때 조심할 점

장점만 보면 “무료 Claude Design”처럼 보일 수 있는데, 그렇게 보면 오해가 생긴다. Open CoDesign은 앱 자체가 무료이고 MIT 라이선스지만, 모델 비용은 사용자가 선택한 API 키나 구독 경로에 달려 있다. BYOK 구조라서 Anthropic, OpenAI, Gemini, OpenRouter, Ollama 등을 직접 연결해야 한다.

ChatGPT Plus·Pro·Team 구독으로 Codex 모델에 로그인하는 경로도 제공하지만, 모든 모델이 그 방식으로 되는 건 아니다. 어떤 모델은 API 키가 필요하고, 어떤 모델은 로컬 Ollama나 OpenAI 호환 게이트웨이를 써야 한다. 초보자에게는 이 부분이 진입장벽이 될 수 있다.

또 하나는 성숙도다. 저장소는 2026년 4월 18일에 만들어졌고, v0.2.x 로드맵에는 ask, preview, tweaks, process-management 표면을 더 다듬겠다는 내용이 남아 있다. 설치 파일도 아직 서명 문제가 완전히 해결된 상태는 아니다. 로드맵상 코드사이닝과 배포 안정화는 v0.5 쪽에 잡혀 있다.

권한도 조심해야 한다. 로컬 파일을 읽고 쓰고, bash까지 실행할 수 있는 에이전트 구조는 강력하지만 그만큼 작업공간 범위를 잘 잡아야 한다. 아무 폴더나 열어두고 쓰기보다는, 디자인 실험용 폴더를 따로 두는 편이 안전하다.

자주 묻는 질문

Open CoDesign은 Figma를 대체할 수 있나?

아직은 그렇게 보기 어렵다. 공식 로드맵에서 Figma 레이어 export는 post-1.0으로 밀려 있다. 현재 기준으로는 Figma 협업툴 대체라기보다, AI 디자인 산출물을 로컬 작업공간에서 만들고 HTML, PDF, PPTX, ZIP, Markdown으로 내보내는 도구에 가깝다.

Open CoDesign은 Claude Design과 뭐가 다른가?

가장 큰 차이는 오픈소스, 로컬 우선, 다중 모델, BYOK 구조다. 다만 더 중요한 차이는 v0.2 이후 작업공간 기반 세션이다. 결과물이 앱 안에만 남는 게 아니라 실제 파일과 디자인 시스템 문서로 남는다는 점이 다르다.

지금 바로 실무에 써도 되나?

프로토타입, 랜딩페이지 초안, 슬라이드 초안, 디자인 시스템 실험에는 써볼 만하다. 다만 설치 서명, 일부 에이전트 표면 안정화, 모델 설정 난이도는 아직 확인해야 한다. 팀 표준 도구로 고정하기보다는 개인 실험이나 내부 PoC부터 시작하는 편이 맞다.

참고자료

추천 태그: Open CoDesign, AI 디자인 도구, Claude Design 대안, 로컬 AI 에이전트, BYOK, 디자인 시스템, AI 프로토타입


📌 함께 보면 좋은 글

반응형