Claude Design의 최고의 오픈소스 대안
Open DesignThe Vibe Design Workspace
Open Design는 오픈소스이자 로컬로 동작하는 vibe design workspace입니다——이미 사용 중인 코딩 에이전트를 디자인 엔진으로 바꿔, 아이디어에서 프로토타입, 웹, 슬라이드, HTML 비디오까지 전 과정을 내 컴퓨터에서 끝냅니다.
에이전트 네이티브, 21개 코딩 에이전트, 129개 디자인 시스템, Apache-2.0.
Why Open Design?
Open Design은 오픈소스이자 agentic한 vibe design workspace입니다. 이미 쓰는 코딩 에이전트를, 결과물이 온전히 내 것이 되는 디자인 엔진으로 바꿉니다. LLM이 처음으로 진짜 디자인을——카피가 아니라 실제 디자인을——해낼 수 있음을 증명했을 때, 그 능력은 폐쇄적이고 호스팅형이며 모델에 묶여 있었습니다. Open Design은 그것을 엽니다: 로컬, BYOK, Apache-2.0.
디자인은 데스크톱에서 일어납니다.
로컬 파일, Figma 내보내기, 코드 저장소를 직접 읽고, 에이전트는 터미널 실행의 모든 권한을 가집니다.
당신의 컴퓨터에 있는 Claude Code / Codex / Cursor는 이미 충분히 강력합니다.
Open Design은 이를 완전한 디자인 워크플로에 연결합니다.
모든 선택이 디자인 시스템, 취향, 기억으로 쌓여 다음 생성이 원하는 결과에 더 가까워집니다.
아이디어에서 프로토타입, 웹, 슬라이드, HTML 비디오까지
Brief → 템플릿 → 비주얼 방향 → Artifact → 기억 축적
- 01시작점 선택
- 02비주얼 방향 결정
- 03Artifact 생성
- 04전달 또는 영상 제작
목표를 한 문장으로 설명하거나 템플릿 / 플러그인에서 시작점을 고르세요.
방향이 정해지면 팔레트, 폰트, 간격이 자동으로 생성 흐름에 반영됩니다.
에이전트가 모든 컨텍스트를 읽어 실제로 실행 가능한 파일을 생성하고, 샌드박스에서 즉시 미리보기·수정합니다.
엔지니어링으로 내보내 계속 개발하거나, HyperFrames로 바로 마케팅 영상으로 만드세요.Open Design(으)로 무엇을 만들 수 있나요?
프로토타입, 랜딩 페이지, 슬라이드, 대시보드, 브랜드 및 디자인 시스템, 그리고 HTML 비디오까지. Open Design은 각각을 실제로 실행되는 파일로 만들며, 내 coding agent로 구동해 바로 배포하거나 엔지니어링에 넘길 수 있습니다.
21개 이상의 코딩 에이전트를 설정 없이 연결
각 단계는 반복적이고 시각적이며 리서치 기반입니다. 불투명한 prompt가 아니라 조합 가능한 파일로 진행합니다.
오픈소스 vibe design workspace, 숫자로 보기
Open Design FAQ — 오픈소스, 로컬 우선, Claude Design 대안
74K+ 스타 · Apache-2.0 · 무료
01Open Design은 오픈소스 Claude Design 대안인가요?
네——Open Design은 오픈소스, 로컬 우선 Claude Design 대안입니다. Claude Design은 폐쇄형·호스팅형이며 Anthropic 모델에 묶여 있지만, Open Design은 Apache-2.0이고 내 컴퓨터에서 실행되며 BYOK입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen으로 구동할 수 있고 생성된 모든 산출물은 내 파일로 남습니다.
02vibe design workspace란 무엇인가요?
vibe design workspace는 모든 요소를 손으로 배치하는 대신 AI 에이전트에 의도를 설명해 디자인하는 공간입니다 — prompt에서 프로토타입, 웹 페이지, 슬라이드, HTML 비디오까지. Open Design은 오픈소스이자 agent-native한 vibe design workspace로, 이미 쓰는 코딩 에이전트를 완전한 디자인 워크플로에 연결해 하나의 도구로 거친 아이디어에서 내 것이 되는 완성물까지 이끕니다.
03Open Design은 무엇인가요?
Open Design은 nexu-io/open-design 프로젝트의 공식 오픈소스 AI 디자인 워크스페이스입니다. Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen 같은 로컬 coding agent를 조합형 skill과 DESIGN.md 시스템으로 구동되는 디자인 엔진으로 바꿉니다.
04Open Design은 공식 프로젝트인가요?
네. 공식 사이트는 https://open-design.ai/이고 소스는 GitHub의 https://github.com/nexu-io/open-design에 있습니다. "Open Design", "OpenDesign", "open-design", "Open Design AI"는 같은 프로젝트를 가리킵니다.
05Claude Design과 무엇이 다른가요?
Claude Design은 단일 벤더에 묶인 호스팅 제품입니다. Open Design은 로컬 우선, Apache-2.0 오픈소스, BYOK이며 사용자의 agent, 키, DESIGN.md 시스템을 그대로 씁니다.
06로컬에서 실행되나요?
네. 데스크톱 앱, daemon, skill runtime이 모두 사용자 컴퓨터에서 실행되고 생성 artifact는 프로젝트 디렉터리에 저장됩니다.
07어떤 coding agent를 지원하나요?
Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen 및 같은 skill protocol을 사용하는 adapter를 지원합니다.
08셀프호스팅이나 fork가 가능한가요?
가능합니다. Apache-2.0 코드라 repo를 fork하고, skill을 편집하고, 자체 DESIGN.md 시스템을 추가할 수 있습니다.
09내 데이터가 Anthropic, OpenAI, Google로 전송되나요?
키를 직접 가져온(BYOK) 프로바이더에게 prompt와 skill 컨텍스트만 전송됩니다. Open Design은 자체 서버가 없으며 daemon이 프로바이더와 직접 통신합니다. 생성된 artifact는 벤더 클라우드가 아니라 프로젝트 디렉터리에 파일로 저장됩니다.
10CLI나 데스크톱 앱 없이 쓸 수 있나요?
아직은 안 됩니다. Open Design은 설계부터 로컬 우선이라 최소한 로컬 daemon과 agent(Claude Code, Codex, Cursor, Gemini CLI 또는 지원되는 17개 adapter 중 하나)가 필요합니다. 호스팅 샌드박스는 로드맵에 있지만 우선순위는 아닙니다. 내 repo에 남는 artifact가 남의 데이터베이스에 있는 문서보다 낫기 때문입니다.
11Open Design 비용은 얼마인가요?
제품은 무료이고 Apache-2.0입니다. Open Design 구독은 없습니다. 사용하는 프로바이더(Anthropic, OpenAI, Google, Mistral, xAI, Moonshot 등)의 API 비용만 본인 계정으로 직접 결제하면 됩니다. BYOK 덕분에 키와 지출 모두 사용자 쪽에 남습니다.
12Vercel, Cloudflare, 자체 서버에 셀프호스팅할 수 있나요?
가능합니다. daemon은 Node 24가 도는 곳이면 어디서든 실행되고, 랜딩 페이지는 정적 Astro 빌드라 Cloudflare Pages, Vercel, Netlify에 그대로 배포됩니다. 공유 배포를 운영하는 팀은 보통 네트워크 안의 머신에 daemon을 고정하고 각 개발자의 CLI를 그쪽으로 연결합니다.
13내 브랜드를 Open Design으로 옮기려면?
스크린샷이나 Figma 내보내기를 웹 UI에 넣고 agent에게 브랜드를 DESIGN.md 파일로 추출하라고 하면 됩니다. 그 파일을 repo의 design-systems/<your-brand>/ 아래에 저장하면 이후 모든 skill이 다시 프롬프트하지 않아도 그 브랜드로 렌더링됩니다. /alternatives/claude-design/ 에 같은 흐름이 단계별로 정리돼 있습니다.
14작업을 다시 하지 않고 agent를 바꿀 수 있나요?
네. skill과 DESIGN.md 시스템은 agent에 독립적이어서 같은 SKILL.md 파일이 Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Grok, Hermes, Qwen 등 지원되는 어떤 adapter에서도 렌더링됩니다. agent 교체는 daemon의 설정 변경일 뿐 재설계가 아닙니다.
15Open Design 로드맵에는 무엇이 있나요?
실시간 로드맵은 GitHub repo의 docs/roadmap.md에 있고, 주간 릴리스 노트는 GitHub Releases로 나갑니다. 다음 분기의 주요 주제는 더 많은 agent adapter, 더 풍부한 템플릿 패밀리(3D, 비디오, 오디오), 디자인 팀을 위한 선택형 공유 daemon 모드입니다.