Claude Design에서 Open Design으로 이전하기 — 무제한 환경 구축하기

이 가이드는 Claude Design의 가혹한 주간 제한에 부딪힌 모든 사람을 위한 마이그레이션 플레이북입니다. Open Design을 설치하고, 기존 작업물을 그대로 옮기고, 원하는 어떤 모델로든 빌드하고, 프로젝트 도중에 모델을 전환하고, AI 이미지를 추가하고, 배포까지 — 모두 로컬에서 진행합니다. Jack Roberts가 실습 워크스루에서 진행하는 엔드투엔드 마이그레이션을 따르되, 현재 릴리스에 맞춰 다시 쓰고 최신 내용으로 업데이트했습니다. 실제 실행 과정은 위 영상을 보시고, 글로 된 버전은 아래에서 읽어 보세요.

Open Design 워크스페이스 — 프로토타입, 슬라이드 덱, 이미지, 영상이 차분하고 익숙한 하나의 캔버스에 모여 있습니다.

왜 굳이 이전해야 할까?

Jack의 주장은 직설적입니다. Claude Design은 정말 훌륭하지만, 제한 때문에 발이 묶입니다. 하나의 모델(Opus 4.7)에 갇혀 있고, 일주일에 의미 있는 디자인을 대략 두어 개 정도밖에 만들 수 없으며, 이미 코딩에 쓰는 비용에 더해 월 $20–$200을 내야 합니다. 더 저렴한 모델이나 다른 모델을 쓰고 싶거나, 대규모로 디자인하고 싶은 순간 막혀 버립니다.

Open Design은 그 벽을 허뭅니다:

• 원하는 어떤 모델이든 — 게다가 프로젝트 도중에 전환할 수 있습니다.
• 주간 한도 없음 — 생성은 이미 사용 중인 에이전트와 제공업체를 통해 이뤄집니다.
• Apache-2.0 — 제한적인 라이선스를 가진 클론 저장소와 달리, 클라이언트 작업에 상업적으로 안전합니다.
• 로컬 우선 — 아무것도 업로드되지 않고, 프로젝트는 여러분의 컴퓨터에 남습니다.

이 라이선스 포인트는 들리는 것보다 훨씬 중요합니다. Jack은 여러 “Claude Design 클론”들이 실제로는 클라이언트 프로젝트에 사용될 수 없다는 점을 강조합니다. Apache-2.0는 그것으로 만든 유료 작업물을 출시할 수 있다는 뜻이며, 로열티도 허가도 필요 없습니다.

1단계 — Open Design 설치하기

들어가는 방법은 세 가지입니다:

방법	적합한 대상	요구 사항
데스크톱 앱	대부분의 사용자 — 설정 불필요	없음. 다운로드 후 열기만 하면 됩니다.
소스에서 실행	코드를 읽거나 수정하고 싶은 개발자	Node ~24, pnpm 10.33.x
에이전트에 설치	터미널에서 작업하는 사람	이미 설치된 코딩 에이전트 CLI

가장 간단한 방법은 open-design.ai/download에서 받는 데스크톱 앱입니다 — 설치된 에이전트 CLI를 자동으로 감지합니다. 영상에서 Jack은 저장소를 자신의 에이전트에게 넘겨 클론하고 실행하게 함으로써 개발자 방식을 택합니다:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

그러면 자체 로컬 웹 앱이 열립니다 — 여러분만의 로컬 호스팅 Claude Design 같은 워크스페이스가 — 출력되는 동적 URL에서 (포트를 하드코딩하지 마세요).

2단계 — Claude Design 작업물 그대로 옮기기

사람들이 가장 원하는 마이그레이션 단계: Claude Design 프로젝트 가져오기. Claude Design에서 디자인 시스템이나 프로젝트를 만들었다면 그대로 옮겨 올 수 있습니다 — 거기서 열어 프로젝트를 ZIP으로 다운로드한 다음, 그 ZIP을 Open Design에서 가져오면 됩니다. 토큰과 컴포넌트가 함께 따라오므로, 처음부터 다시 만들 필요가 없습니다.

디자인 시스템 라이브러리: 각 항목은 실제 브랜드를 팔레트, 타이포그래피, 컴포넌트, 그리고 재사용 가능한 시각적 분위기로 분해해 보여 줍니다.

또한 깊이 있는 내장 디자인 시스템 라이브러리도 함께 받습니다 — Airbnb, Apple, Nike, PlayStation을 비롯한 다수가 포함되어 있어, 아무것도 가져오지 않더라도 브랜드 하나를 고르면 에이전트가 그 브랜드의 목소리, 타이포그래피, 팔레트, 레이아웃 언어를 그대로 물려받습니다.

3단계 — 직접 고른 모델로 빌드하기

처음 실행하면 Open Design은 여러분의 컴퓨터에 이미 설치된 에이전트들을 보여 줍니다. Jack은 Claude Code를 고르고, 프로젝트 이름을 (“analytics”로) 정한 뒤, 높은 충실도를 선택하고, Stripe 스타일 대시보드에 대한 브리프를 작성합니다. Open Design은 명확히 하기 위한 질문들을 던지고 — 화면, 주 사용자, 톤, 범위, 강조색 — 그런 다음 할 일 목록을 차례로 처리하며 인터랙티브 대시보드를 단번에 만들어 냅니다. 두 번째 피드백을 거치면 프로덕션에 쓸 수 있는 수준이 됩니다.

템플릿 라이브러리: 프로토타입, 슬라이드, 이미지, 영상 출발점을 유형별로 필터링하고 포크해 시작할 수 있습니다.

4단계 — 프로젝트 중간에 모델 전환하기

이것이 Jack이 가장 좋아하는 기능이자 Claude Design이 할 수 없는 일입니다. 프로젝트 도중에 모델 전환기(왼쪽 하단)를 열어 Claude Code에서 Codex로 (또는 ChatGPT, Gemini 등 연결해 둔 무엇이든) 바꾸고 저장합니다. 이제 다음 메시지 — “라이브 이벤트 스트림을 부드럽게 해 줘, 끊겨 보여” — 는 같은 프로젝트, 같은 맥락에서 새 모델이 처리합니다.

그의 프로 팁: Opus로 초기 디자인을 잡은 다음, 더 저렴한 모델로 전환해 반복하고 확장하라. 모델 입장에서는 처음부터 새로운 외관을 설계하는 것보다 같은 것을 더 많이 만들어 내는 편이 훨씬 쉽습니다. 그러니 가장 강력한 모델에게 아키텍처를 잡게 하고, 더 저렴한 모델들에게 물량을 맡기세요.

5단계 — AI 이미지 추가하고 배포하기

설정에서 미디어 제공업체 키(예: GPT Image용 OpenAI)를 추가하면, 인라인으로 생성된 이미지를 요청할 수 있습니다 — “박스 중 하나에 투자용 돼지 저금통의 Ghibli 스타일 이미지를 넣어 줘” — 그러면 그라데이션까지 포함해 디자인에 바로 들어갑니다. 이런 인라인 생성은 순수한 디자인 클론으로는 누릴 수 없는 기능입니다.

작업이 끝나면 Share가 전체 내보내기 메뉴를 제공합니다: 독립 실행형 HTML, PowerPoint, PDF, ZIP, 템플릿으로 저장 — 또는 토큰을 사용해 Vercel로 바로 배포. ZIP으로 다운로드하면 Codex, Claude, 혹은 원하는 에디터에서 다시 열 수도 있습니다.

언제 갈아타야 하고, 언제 그러지 말아야 하는가

Jack은 적합성에 대해 솔직합니다. 상업적으로 안전한 결과물이 필요한 에이전시나 프리랜서이거나, 이미 Claude Code / Codex / Cursor에 비용을 내고 있는 멀티 모델 운영자이거나, Claude Design의 주간 한도를 다 써 버리며 그저 더 많은 디자인을 원한다면 Open Design으로 갈아타세요. 이 모든 것이 아직 처음이고 그 제한 안에서 만족한다면, 지금은 Claude Design을 계속 쓰세요.

한 가지 주의할 점: Open Design은 빠르게 발전하는 신생 프로젝트라, 가끔은 거친 부분이 있을 수 있으니 너그럽게 봐 주세요 — 빠르게 개선되고 있습니다.

팁

• Claude Design ZIP부터 가져오세요 — 이미 가지고 있는 시스템을 다시 만들지 마세요.
• Opus로 외관을 잡은 다음, 더 저렴한 모델로 전환해 반복하고 확장하세요.
• 미디어 키를 추가해 인라인 AI 이미지를 얻으세요 — 정적인 디자인 도구에 비하면 진정한 업그레이드입니다.
• 로컬 CLI를 사용해 생성이 호출당 요금이 아니라 이미 내고 있는 구독을 통해 이뤄지게 하세요.
• 일찍 내보내(HTML/ZIP/Vercel) 넘기기 전에 검증하세요.

FAQ

제 Claude Design 프로젝트가 이전되나요? 네. Claude Design에서 프로젝트를 ZIP으로 다운로드한 뒤 그 ZIP을 Open Design으로 가져오세요 — 토큰과 컴포넌트가 그대로 옮겨집니다.

정말로 어떤 모델이든 쓸 수 있나요? 네 — 컴퓨터에 설치된 에이전트들(Claude Code, Codex, Gemini, Cursor, OpenCode 등) 중에서 고르고, 프로젝트 도중에 서로 전환하거나, 직접 API 키를 가져오면 됩니다.

클라이언트 작업에 안전한가요? 네. Open Design은 Apache-2.0이므로, 로열티나 허가 없이 상업적으로 사용할 수 있습니다 — 제한적인 라이선스를 가진 일부 클론과 달리 말이죠.

무료인가요? 앱은 Apache-2.0 하에 오픈 소스이며 로컬에서 무료로 실행됩니다. 연결한 에이전트와 제공업체의 모델 및 미디어 사용량에 대해서만 비용을 내면 됩니다 — 이것이 바로 고정된 월 한도에서 벗어나는 방법입니다.

---

이 글로 된 가이드는 Jack Roberts의 실습 워크스루를 기반으로 합니다. 위의 전체 영상을 시청하시고, 더 실용적인 AI 빌드 분석을 원하신다면 Jack Roberts를 구독하세요.