Open Design 설치하기 —— 무료 AI 디자인 도구 (Claude Design 대안)

이 가이드는 호스팅형 유료 구독 없이 Open Design을 설치하는 방법을 다룹니다——이미 가지고 있는 코딩 에이전트 CLI를 앱의 디자인 엔진으로 사용합니다. AI Unlocked가 설치 영상에서 진행하는 네 단계를 따라가며, 클릭 단위로 따라 할 수 있도록 다시 정리했습니다. 실제 실행은 위 영상으로 보시거나, 계속해서 글 버전을 읽어 보세요.

로컬 코딩 에이전트에 연결해 설치를 마친 뒤의 Open Design 작업 공간——클라우드 구독이 필요 없습니다.

Open Design이란?

• 오픈소스, Apache-2.0——코드를 살펴보거나, 셀프호스팅하거나, 그냥 패키징된 앱을 다운로드하세요.
• 로컬 우선——앱과 프로젝트 모두 당신의 머신에서 실행됩니다.
• 내 에이전트, 내 key를 그대로 사용——별도의 AI 구독을 팔지 않고, 이미 설치된 코딩 에이전트 CLI(와 모델) 위에서 동작합니다.
• 프로토타입 그 이상——UI 목업뿐 아니라, 같은 작업 공간에서 슬라이드 덱, 이미지, 영상까지 만들 수 있습니다.

1단계 —— 앱 다운로드하기

Open Design의 GitHub 페이지로 가서 Releases 섹션을 열거나, open-design.ai에서 바로 다운로드 링크를 받으세요. 자신의 머신에 맞는 빌드를 고릅니다——Apple 실리콘 Mac이라면 macOS arm64 빌드입니다. 파일을 다운로드해 열고, Open Design 아이콘을 Applications 폴더로 드래그하세요. 다른 데스크톱 앱과 똑같이 설치되며, 이 경로에서는 컴파일도 터미널도 필요 없습니다.

2단계 —— 코딩 에이전트 연결하기

앱을 엽니다. 로그인 화면에서 유료 클라우드 버튼은 건너뛰고, 그 아래에 있는 작은 링크——local coding agent——를 클릭하세요. Open Design은 당신의 머신을 스캔해 Claude Code, Codex, Cursor처럼 이미 설치된 CLI를 찾아냅니다. 디자인 생성을 맡길 것을 고르고 계속을 누르세요. 이렇게 하면 추가 비용 없이 엔진이 연결됩니다——이미 가지고 있는 에이전트 접근 권한을 그대로 재사용하는 것입니다.

3단계 —— 모델 선택하기

모델 상자는 default CLI config 그대로 두세요. 그러면 Open Design은 연결된 코딩 에이전트가 현재 설정한 모델——보통 최신 모델——을 그대로 물려받습니다. 드롭다운에 있는 오래된 모델들은 단순한 대체 옵션이니 고르지 마세요.

4단계 —— 프라이버시 잠그기

Settings → Privacy로 이동하세요. 기본적으로 켜져 있는 스위치 두 개가 보이는데, 그중 하나는 실제 프로젝트 데이터를 앱 밖으로 공유합니다. 둘 다 끈 다음 delete my data를 클릭해 이미 수집된 데이터를 지우세요. 이렇게 해도 Open Design은 이전과 똑같이 동작합니다——이 스위치들은 당신의 머신에서 무엇이 나가는지만 제어할 뿐, 앱의 기능 자체에는 영향을 주지 않습니다.

작업 공간 둘러보기

연결이 끝나면, 두 개의 라이브러리가 빈 캔버스를 사라지게 해 줍니다.

디자인 시스템 라이브러리——빈 팔레트에서 시작하는 대신 실제 브랜드의 토큰을 고르세요.

• 디자인 시스템은 색상, 타이포그래피, 간격 같은 토큰으로 브랜드의 룩을 담아 두어, 그 위에 바로 작업을 이어갈 수 있게 해 줍니다.
• 템플릿은 프로토타입, 슬라이드 덱, 이미지·영상 생성을 아우르므로, 빈 화면 대신 시작점을 fork할 수 있습니다.

템플릿 라이브러리——프로토타입, 슬라이드, 이미지, 영상 시작점으로, 언제든 fork할 수 있습니다.

이제 만들고 싶은 것을 설명하면, 연결된 에이전트가 첫 번째 버전을 생성합니다.

자주 묻는 질문

Open Design은 무료인가요? 네——Apache-2.0 라이선스로 오픈소스이며, 로컬 실행은 무료입니다. 연결한 코딩 에이전트와 모델의 사용량에 대해서만 비용이 발생하는데, 대부분 이미 사용 중인 것일 가능성이 높습니다.

이걸 쓰려면 Claude Design이나 다른 유료 디자인 도구를 사야 하나요? 아니요. Open Design은 Claude Code처럼 이미 가지고 있는 코딩 에이전트 CLI 위에서 동작하므로, 따로 사야 할 디자인 구독이 없습니다.

어떤 코딩 에이전트를 연결할 수 있나요? 이 영상에서는 Claude Code, Codex, Cursor가 감지되었지만, Open Design이 지원하는 코딩 에이전트 CLI 목록은 훨씬 더 깁니다——당신의 머신에 이미 설치된 것들이 표시됩니다.

왜 설정 중에 프라이버시 설정을 묻나요? 기본적으로 두 개의 데이터 공유 스위치가 켜져 있고, 그중 하나는 실제 작업 내용을 앱 밖으로 전송합니다. Settings → Privacy에서 끄면 기능 저하 없이 모든 것을 로컬에 유지할 수 있습니다.

어떤 모델을 골라야 하나요? default CLI config 그대로 두면, Open Design은 연결된 코딩 에이전트가 현재 실행 중인 모델을 사용합니다——보통 당신이 쓸 수 있는 것 중 가장 강력한 옵션입니다.

---

이 글 가이드는 AI Unlocked의 설치 워크스루를 바탕으로 합니다. 위의 전체 영상을 보고, AI Unlocked를 구독해 매일 새로운 무료 AI 도구를 확인하세요.