Claude 디자인을 그대로 복제한 ‘또 다른’ 오픈 소스 저장소

하이라이트

• Open Design은 Huwahu Design을 기반으로 구축되어 터미널 환경을 벗어나 실제 그래픽 인터페이스를 제공하는 클로드 디자인의 오픈 소스 대안이다.

• Claude Code, Gemini, Codex 등 다양한 코딩 에이전트 및 API와 연동이 가능하며 기존 클로드 디자인의 사용량 제한 문제를 우회한다.

• 31개의 스킬과 72개의 브레인급 디자인 시스템이 내장되어 있어 에어비앤비와 같은 특정 서비스의 시각적 테마를 즉시 분석하고 적용한다.

• 미니맥스, 오픈AI, 일레븐랩스 API를 추가 연결하면 이미지와 비디오 제작 기능까지 확장하여 사용할 수 있다.

• 클로드 디자인에서 생성한 .zip 파일을 업로드하는 방식으로 기존에 구축한 커스텀 디자인 시스템을 그대로 이식하여 슬라이드 덱을 제작한다.

• 동일한 랜딩 페이지 제작 요청 시 오픈 디자인은 약 10분이 소요되어 클로드 디자인보다 약 2배 느린 생성 속도를 보인다.

타임라인

1. 00:00 - 02:48

   클로드 디자인의 오픈 소스 대안 등장

   후와슈 디자인이 터미널 기반으로 작동하여 접근성이 낮았던 한계를 극복하기 위해 시각적인 UI를 도입했다. 클로드 코드나 코덱스 같은 도구와 연결하면 추가 API 비용 없이 기존 구독 모델을 활용할 수 있다. 이는 사용자가 익숙한 클로드 디자인의 세련된 환경을 유지하면서도 도구 선택의 유연성을 확보하는 결과로 이어진다.

   • 오픈 디자인은 후와슈 디자인의 강력한 성능을 그래픽 인터페이스 레이어로 감싼 도구이다.
   • 앤스로픽의 순정 클로드 디자인이 가진 엄격한 사용량 제한 문제로부터 자유롭다.
   • 컴퓨터 내의 코딩 에이전트를 자동 감지하며 31개 스킬과 72개 디자인 시스템을 기본 포함한다.
2. 02:49 - 04:29

   설치 방법 및 에이전트 연동 프로세스

   사용자는 터미널에 명령어를 입력하거나 AI 에이전트에게 특정 링크의 설치를 지시하여 로컬 개발 서버를 띄울 수 있다. 초기 설정 팝업에서 로컬 CLI를 선택하는 것이 가장 경제적인 방식이며, 이는 유료 API 키를 소모하지 않고 기존 계정의 모델을 불러오는 이점을 준다. 클로드 디자인에는 없는 미디어 생성 기능이 포함되어 있어 프로토타입 제작 범위가 더 넓다.

   • 깃허브 레포지토리의 명령어를 복사하거나 클로드 코드에게 설치를 직접 요청하는 두 가지 방식이 존재한다.
   • 로컬 CLI 옵션을 선택하면 별도의 API 키 입력 없이 사용 중인 AI 시스템에서 데이터를 가져온다.
   • 이미지와 비디오 생성을 위해 미니맥스나 일레븐랩스 등 외부 미디어 제공자 설정을 지원한다.
3. 04:30 - 06:10

   디자인 시스템 및 템플릿의 실효성 분석

   디자인 시스템 섹션은 특정 웹사이트의 시각적 분위기를 모방하려는 사용자에게 프롬프트 가이드를 제공한다. 다만 이미지나 비디오 템플릿은 시각적인 완성도에 비해 실제 활용도가 낮을 수 있는 단순한 구조를 띄고 있다. 예시 섹션에 노출된 화려한 결과물들도 실제로는 한 줄짜리 명령어로 만들어진 것이므로 과도한 기대를 경계해야 한다.

   • 에어비앤비 등 주요 서비스의 팔레트와 타이포그래피를 분석한 디자인 시스템 섹션을 제공한다.
   • 내장된 이미지 및 비디오 템플릿은 JSON 프롬프트 형태의 예시를 보여주는 수준에 그친다.
   • 제공되는 디자인 예시들은 복잡한 로직이 아닌 단일 문장의 프롬프트로 생성된 결과물이다.
4. 06:11 - 10:07

   실전 프로토타입 제작 및 클로드 디자인 비교

   가상의 SaaS 제품인 'Lighthouse' 랜딩 페이지를 제작했을 때 클로드 디자인과 매우 흡사한 폰트와 레이아웃 결과물을 얻을 수 있었다. 하지만 생성 속도 면에서는 클로드 디자인이 우위에 있으며, 인터페이스 내의 직접 편집 기능은 아직 로드맵 단계에 머물러 있다. 이는 UI 사용이 강제되는 환경에서 발생하는 유연성 저하라는 단점을 동시에 보여준다.

   • 클로드 디자인과 유사한 Q&A 브리프 과정을 통해 사용자의 요구사항을 구체화한다.
   • 오픈 디자인의 생성 속도는 10분 내외로 클로드 디자인의 약 5분 대비 상대적으로 느리다.
   • 직접적인 요소 수정 패널이 없어 필요한 경우 AI에게 수정 패널 제작을 별도로 요청해야 한다.
5. 10:08 - 13:43

   커스텀 디자인 시스템 이식 및 파워포인트 내보내기

   자신만의 브랜드 가이드나 디자인 시스템을 오픈 디자인에서 구현하려면 클로드 디자인의 공유 기능을 활용한 우회 방법이 가장 간편하다. 최종 결과물을 파워포인트로 변환했을 때 텍스트 박스 간격이나 위치가 일부 어긋나는 현상이 발생하므로 수동 보정이 수반되어야 한다. 출시 초기 단계임에도 불구하고 그래픽 인터페이스를 선호하는 사용자들에게 실질적인 효용을 제공하는 도구이다.

   • 클로드 디자인의 프로젝트를 .zip 파일로 내려받아 오픈 디자인에 업로드하면 커스텀 스타일 적용이 가능하다.
   • 파워포인트로 내보낸 결과물은 약 90%의 완성도를 보이며 미세한 포맷팅 수정이 필요하다.
   • 오픈 디자인은 마감이 다소 투박하지만 사용량 제한을 해결하는 가장 탄탄한 대안으로 평가된다.