총 21종 coding agent 지원, 연결하면 바로 사용
작동 방식
브랜드를 정의하는 모든 것을 넣으세요: 덱, 웹사이트, Figma, 이미지, 문서.
Open Design이 이를 하나의 브랜드 커널로 통합합니다: 컬러, 타이포, 보이스, 이미지, 규칙.
슬라이드, 프로토타입, 마케팅 비주얼, 비디오. 하나의 기준 브랜드를 어디서든 호출합니다.
엄선된 디자인 시스템에서 시작하거나 나만의 시스템을 만드세요. 컬러, 타이포, 라운드, 보이스: 하나만 바꾸면 모든 산출물이 다시 계산됩니다.
직접 해보세요: 브랜드를 바꾸거나 라운드 단계를 눌러 보세요. 네 개의 산출물이 실시간으로 다시 계산됩니다.

115개 템플릿 · 152개 시스템덱, 웹사이트, 카드, 필름 프레임. 무엇이든 fork하면 당신의 브랜드가 입혀집니다.
● LIVE여기서 디자인은 곧 코드입니다: 모든 산출물이 목업이 아닌 진짜 HTML이며, 바로 라이브 URL로 배포됩니다. 핸드오프도, 재작업도 없습니다.

그 무엇도 납작한 이미지가 아닙니다. 생성 후에도 레이아웃, 카피, 스타일을 자유롭게 다듬으세요.
v23↺ 브랜드 커널 업데이트: 미니멀 레이아웃 · 라운드 8px · 당신의 톤모든 선택이 브랜드 시스템과 메모리에 반영되어, 산출물이 만들 때마다 더 브랜드다워집니다.
페이지, 덱, 이미지, 비디오, 오디오. 하나의 브랜드 아래 함께 생성됩니다.
Codex에서 Open Design을 호출하고, 흐름을 벗어나지 않은 채 편집 가능한 진짜 산출물을 받아 보세요.
공개 벤치마크에서 Codex, Claude Design과 비교해 디자인 작업의 출력 품질이 최고 수준입니다.
디자인 품질 점수
브랜드 시스템, 템플릿, 프로젝트를 팀 전체가 공유합니다. 모두가 같은 커널로 생성하고, 산출물은 하나의 라이브러리에 모이며, 시스템을 바꾸면 팀 전원의 작업이 다시 계산됩니다.
공유 브랜드 커널 · 팀 템플릿 라이브러리 · 게시 전 리뷰
Open Design · 팀 워크스페이스세 가지 사용 방식

85.6K+ 스타 · Apache-2.0 · 무료
네——Open Design은 오픈소스, 로컬 우선 Claude Design 대안입니다. Claude Design은 폐쇄형·호스팅형이며 Anthropic 모델에 묶여 있지만, Open Design은 Apache-2.0이고 내 컴퓨터에서 실행되며 BYOK입니다. Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen으로 구동할 수 있고 생성된 모든 산출물은 내 파일로 남습니다.
vibe design workspace는 모든 요소를 손으로 배치하는 대신 AI 에이전트에 의도를 설명해 디자인하는 공간입니다 — prompt에서 프로토타입, 웹 페이지, 슬라이드, HTML 비디오까지. Open Design은 오픈소스이자 agent-native한 vibe design workspace로, 이미 쓰는 코딩 에이전트를 완전한 디자인 워크플로에 연결해 하나의 도구로 거친 아이디어에서 내 것이 되는 완성물까지 이끕니다.
Open Design은 nexu-io/open-design 프로젝트의 오픈소스 Vibe Design Workspace입니다. 이미 실행 중인 로컬 coding agent(Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen)를 브랜드 디자인 엔진으로 바꿉니다: 하나의 디자인 시스템이 모든 산출물에서 일관되게 유지되며, 조합형 skill과 이식 가능한 DESIGN.md 시스템으로 구동됩니다.
네. 공식 사이트는 https://open-design.ai/이고 소스는 GitHub의 https://github.com/nexu-io/open-design에 있습니다. "Open Design", "OpenDesign", "open-design", "Open Design AI"는 같은 프로젝트를 가리킵니다.
Claude Design은 단일 벤더에 묶인 호스팅 제품입니다. Open Design은 로컬 우선, Apache-2.0 오픈소스, BYOK이며 사용자의 agent, 키, DESIGN.md 시스템을 그대로 씁니다.
네. 데스크톱 앱, daemon, skill runtime이 모두 사용자 컴퓨터에서 실행되고 생성 artifact는 프로젝트 디렉터리에 저장됩니다.
Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen 및 같은 skill protocol을 사용하는 adapter를 지원합니다.
가능합니다. Apache-2.0 코드라 repo를 fork하고, skill을 편집하고, 자체 DESIGN.md 시스템을 추가할 수 있습니다.
키를 직접 가져온(BYOK) 프로바이더에게 prompt와 skill 컨텍스트만 전송됩니다. Open Design은 자체 서버가 없으며 daemon이 프로바이더와 직접 통신합니다. 생성된 artifact는 벤더 클라우드가 아니라 프로젝트 디렉터리에 파일로 저장됩니다.
아직은 안 됩니다. Open Design은 설계부터 로컬 우선이라 최소한 로컬 daemon과 agent(Claude Code, Codex, Cursor, Gemini CLI 또는 지원되는 17개 adapter 중 하나)가 필요합니다. 호스팅 샌드박스는 로드맵에 있지만 우선순위는 아닙니다. 내 repo에 남는 artifact가 남의 데이터베이스에 있는 문서보다 낫기 때문입니다.
제품은 무료이고 Apache-2.0입니다. Open Design 구독은 없습니다. 사용하는 프로바이더(Anthropic, OpenAI, Google, Mistral, xAI, Moonshot 등)의 API 비용만 본인 계정으로 직접 결제하면 됩니다. BYOK 덕분에 키와 지출 모두 사용자 쪽에 남습니다.
가능합니다. daemon은 Node 24가 도는 곳이면 어디서든 실행되고, 랜딩 페이지는 정적 Astro 빌드라 Cloudflare Pages, Vercel, Netlify에 그대로 배포됩니다. 공유 배포를 운영하는 팀은 보통 네트워크 안의 머신에 daemon을 고정하고 각 개발자의 CLI를 그쪽으로 연결합니다.
스크린샷이나 Figma 내보내기를 웹 UI에 넣고 agent에게 브랜드를 DESIGN.md 파일로 추출하라고 하면 됩니다. 그 파일을 repo의 design-systems/<your-brand>/ 아래에 저장하면 이후 모든 skill이 다시 프롬프트하지 않아도 그 브랜드로 렌더링됩니다. /alternatives/claude-design/ 에 같은 흐름이 단계별로 정리돼 있습니다.
네. skill과 DESIGN.md 시스템은 agent에 독립적이어서 같은 SKILL.md 파일이 Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Grok, Hermes, Qwen 등 지원되는 어떤 adapter에서도 렌더링됩니다. agent 교체는 daemon의 설정 변경일 뿐 재설계가 아닙니다.
실시간 로드맵은 GitHub repo의 docs/roadmap.md에 있고, 주간 릴리스 노트는 GitHub Releases로 나갑니다. 다음 분기의 주요 주제는 더 많은 agent adapter, 더 풍부한 템플릿 패밀리(3D, 비디오, 오디오), 디자인 팀을 위한 선택형 공유 daemon 모드입니다.
네. Codex용 Open Design Plugin을 한 번 설치한 뒤, 어떤 Codex 대화에서든 @open-design을 호출하면 편집 가능한 진짜 디자인 산출물을 받을 수 있습니다. 설정은 프롬프트 하나를 붙여넣는 것으로 끝납니다. 자세한 내용은 Codex 플러그인 페이지를 확인하세요.
브랜드 시스템(브랜드 커널)은 컬러, 타이포, 라운드, 이미지, 보이스까지 시각 아이덴티티 전체의 단일 원천입니다. 모든 산출물이 이를 물려받고, 사용자의 모든 선택이 다시 시스템에 반영되어 시스템이 계속 진화하며, 결과물은 만들 때마다 더 브랜드다워집니다. 토큰 하나만 바꿔도 작업물이 다시 계산됩니다.
네. Team Workspace는 브랜드 시스템, 템플릿 라이브러리, 프로젝트를 팀 전체와 공유합니다: 모두가 같은 커널로 생성하고, 산출물은 하나의 라이브러리에 모이며, 시스템을 바꾸면 팀의 작업이 다시 계산됩니다. 팀 요금제는 가격 페이지에서 확인하세요.