🤯 Claude Design 이제 그만——이 대안이 더 낫다

이것은 클라이언트 작업 디자인으로 생계를 꾸리는 사람의 실습 리뷰입니다. Jérémy DE CAMPOS는 실제 에이전시를 위한 SaaS 제품을 만들며, 코딩에 앞서 인터페이스 초안을 잡는 데 Claude Design을 써 왔습니다. 그의 영상에서 한 커뮤니티 멤버가 OpenDesign을 추천하자, 그는 더없이 공정한 테스트를 합니다——이미 Claude Design에서 만든 클라이언트 도구를 똑같이 다시 만들어 비교하는 것이죠. 이 글 버전은 그의 실연을 따라가되, 이 글에 맞게 다시 쓰고 현재 릴리스에 맞춰 업데이트했습니다. 실시간 반응은 위 영상으로 보시거나, 계속 읽어 보세요.

OpenDesign: 당신의 머신에서 직접 돌리는, 오픈소스이자 agent-native 디자인 작업 공간.

OpenDesign란?

OpenDesign는 오픈소스이자 로컬 우선 디자인 플랫폼——Claude Design와 Figma에 대한 agent-native 대안입니다. 하나의 유료 모델에 가두는 대신, 당신이 이미 가진 코딩 agent 위에서 동작합니다: Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode 등.

Jérémy가 첫 1분 만에 알아챈 것들:

• 오픈소스, Apache-2.0——GitHub에 있고, 빠르게 발전하며, 이미 놀랄 만큼 완성도가 높다.
• 로컬에서 실행——프로젝트가 당신 머신의 실제 폴더에 떨어지고, 열어서 들여다볼 수 있다.
• 자기 agent를 가져오기——21개 이상의 agent를 지원한다; 요금 페이지는 그들의 호스팅 모델용일 뿐이라, 자신의 key나 CLI를 연결하면 필요 없다.
• 프로토타입 그 이상——프로토타입, 대시보드, 슬라이드, 이미지, 심지어 영상까지. 게다가 HTML Anything, HTML Video 같은 자매 도구도.

Claude Design를 써 봤다면 인터페이스가 곧바로 익숙하게 느껴질 겁니다——그리고 그 위에 당신이 고른 엔진이 얹힙니다.

공정한 테스트: 진짜 클라이언트 도구를 다시 만들기

장난감 같은 프롬프트 대신, Jérémy는 진짜 프로젝트를 재활용합니다——에이전시 클라이언트들의 업데이트를 관리하려고 만들고 있는 사내 딜리버리·버그 추적 SaaS입니다. 그는 이미 그 브리프와 디자인 시스템 파일을 Claude Design에 넣어 봤기에, OpenDesign에는 동일한 입력——같은 명세, 같은 디자인 시스템——을 건네고 돌립니다. 같은 프롬프트, 같은 출발 재료, 두 도구: 믿을 만한 비교는 이것뿐입니다.

토큰이 아니라, 당신의 Claude 구독으로 돌리기

가장 먼저 정할 것은 엔진이고, 비용 이야기가 갈리는 지점이 바로 여기입니다. OpenDesign는 원시 API key를 연결하게 해 줍니다——하지만 Jérémy는 뻔한 위험을 짚습니다: Opus 같은 유료 모델을 토큰당 과금으로 돌려 생성하면 「팔 하나 값은 나갈 수 있다」는 것.

그러다 그는 진짜 중요한 선택지를 찾습니다: 로컬 Claude Code CLI를 돌리기. 종량제 API 토큰을 태우는 대신, OpenDesign는 이미 설치된 claude CLI를 구동하므로, 생성은 당신이 이미 돈을 내고 있는 Claude 구독에 대해 돌아갑니다. 그는 즉시 갈아탑니다——「내가 아주 흥미롭다고 하면, 정말로 아주 흥미롭다는 뜻이다」——그리고 마지막에 소모량을 확인합니다: 한 세션을 통째로 써서 윈도우의 약 9%. 이걸 매일 하는 에이전시라면, 그 차이가 곧 모든 논거입니다.

팁: 엔진은 작업 공간 왼쪽 아래에서 고르세요. 기존 구독을 재활용하려면 OpenDesign를 로컬 CLI(Claude Code, Codex, Gemini)로 향하게 하고, 종량제 API key는 폴백으로만 남겨 두세요.

그것이 만든 것: 그림이 아니라, 클릭되는 프로토타입

바로 이 대목에서 리뷰의 흐름이 바뀝니다. OpenDesign는 납작한 스크린샷을 돌려주지 않습니다——작동하는, 클릭되는 프로토타입을 만듭니다. Jérémy는 티켓 보드로 들어가 개별 티켓을 열어 상세 뷰를 보고, 칼럼 사이로 카드를 끌어다 놓습니다. kanban은 인터랙티브하고; 티켓 상세에는 클라이언트 메모, 캡처 로그, 콘솔 뷰가 나오며; 화면들은 진짜 앱처럼 서로 링크됩니다.

정적인 목업이 아니다——화면들이 서로 연결되고 요소가 클릭에 반응한다.

이어 그는 후속 프롬프트로 더 밀어붙입니다: 나머지 페이지도 만들고 사이드바 링크를 연결해서 목업을 탐색할 수 있게 해 줘. 그것은 응하며 추가 페이지를 생성해 이어 붙이고, 두 번 말하지 않아도 레이아웃을 태블릿과 모바일 버전으로 맞춰 줍니다.

디자인 시스템, 제대로 제시되다

그가 Claude Design에 줬던 것과 같은 디자인 시스템을 넣었기에 비교는 직접적입니다——그리고 그의 판정은 단도직입적입니다: OpenDesign의 디자인 시스템이 더 잘 제시된다. 색, 타이포그래피, 여백, 컴포넌트가 명료하게 펼쳐지고, 주석과 점선 가이드 스타일링이 시스템을 아무렇게나 쏟아 놓은 게 아니라 고민한 것처럼 보이게 합니다.

색 더미가 아니라 문서처럼 읽히는 디자인 시스템.

캔버스 위에서 직접 편집하고 주석을 달 수 있습니다: 영역을 선택하고, 메모를 남기고, 그 자리에서 텍스트를 손보고, 변경을 agent가 적용하도록 큐에 넣으세요——그리고 실제로 적용되어, 매번 더 깔끔한 결과를 들고 옵니다.

목업에서 PRD로——당신의 agent에게 넘기기

Jérémy의 실제 워크플로에 딱 맞는 기능이 PRD 생성입니다. 그의 방식은 vibe-coding입니다: 티켓을 묶고, 변경을 설명하고, 명세를 Claude Code에 건네 코드 수정 자체는 그것이 하게 합니다. OpenDesign는 바로 그 다리를 만들어 줍니다——세 가지 형태의 PRD입니다:

• 그가 읽을 프리뷰 버전,
• AI에 곧장 먹일 Markdown 버전,
• 그리고 필요할 때 클라이언트에 보낼 PDF 버전.

딜리버리 뷰(작업을 완료로 표시)와 앱의 체인지로그와 짝지어지면, 「디자인한 화면」에서 「내 코딩 agent가 그걸로 만들 수 있는 명세」까지의 고리를 닫습니다——작업 공간을 떠나지 않고서요.

목업 너머

돌아가는 동안 그는 나머지를 둘러보며 계속 무언가를 발견합니다:

• 메모리——세션 내내 한 일을 자동으로 기억한다.
• 이미지 라이브러리 + 생성——인라인으로 이미지를 가져오거나 만든다.
• 스킬——미리 만들어진 스킬 한 무더기, 자신의 것으로 확장 가능.
• MCP 서버 & 커넥터——외부 MCP를 지원하고, 그 반대도: OpenDesign를 MCP 서버로서 노출해 당신의 Claude Code CLI가 터미널에서 곧장 캔버스를 구동하고 편집하게 한다.
• Figma에서 가져오기, 플러그인 허브, 템플릿 팩.
• 디자인 리뷰 패널——켜면 agent 옆에 5개 패널 리뷰가 나타나 출력을 채점한다.

평결

그의 결론은 분명합니다: 그는 Claude Design를 접고 자신의 진짜 프로젝트를——디자인이든 영상이든——OpenDesign로 옮기는 것을 진지하게 고려하고 있습니다. 그를 사로잡은 조합은 구체적입니다: 같은 입력에서 더 잘 제시된 디자인 시스템과 진짜로 인터랙티브한 프로토타입이 나오고, 종량제 토큰이 아니라 그가 이미 내고 있는 Claude 구독으로 돌아가며, 코딩 agent에 곧장 건넬 수 있는 PRD를 뱉어낸다. 그는 앞으로 몇 주 동안 이걸 세게 밀어붙이고 다시 보고하겠다고 합니다——하지만 첫 실행의 인상은, 이것이 단순한 무료 복제품이 아니라 그의 워크플로에는 더 나은 도구라는 것입니다.

자주 묻는 질문

OpenDesign는 정말 무료인가요? 앱은 오픈소스(Apache-2.0)이고 로컬에서 돌아갑니다. 당신이 고른 모델 값만 내면 되고——Claude Code 같은 로컬 CLI를 연결하면 그건 이미 가진 구독으로 돌아가므로 토큰당 추가 청구가 없습니다.

요금 페이지의 유료 플랜이 필요한가요? 아니요. 그 플랜은 OpenDesign의 호스팅 모델용입니다. 자신의 key나 로컬 CLI를 가져오면 건너뛸 수 있습니다.

Claude Design에서 이미 만든 걸 가져올 수 있나요? 네——Claude Design에서 디자인 시스템을 내보내 OpenDesign로 가져오면, 같은 브랜드로 계속 생성할 수 있습니다.

진짜 명세를 내보낼 수 있나요? 네. OpenDesign는 프리뷰, Markdown, PDF 형태로 PRD를 생성할 수 있어, Markdown은 코딩 agent에, PDF는 클라이언트에 건넬 수 있습니다.

어떤 agent를 써야 하나요? 지원되는 것이면 무엇이든——출력 품질은 당신이 고른 모델을 따라갑니다. 로컬 Claude Code, Codex, Gemini CLI를 쓰는 게 기존 구독을 재활용하니 가장 저렴한 길입니다.