이 오픈소스 대안으로 Claude Design을 무료로 사용하기

Claude Design 비용이 부담스러우셨나요? 이 가이드는 완전히 직접 통제할 수 있는 Claude Design처럼 동작하는 무료 오픈소스 도구, Open Design을 소개합니다——동일한 랜딩 페이지·AI 웹사이트 제작 워크플로우이면서도 구독료도, 벤더 종속도 없습니다. Fabricando Sua Ideia의 영상 데모를 따라가며, 이 글에서는 자신의 속도로 따라 할 수 있는 단계별 텍스트 가이드로 다시 정리했습니다. 실제 진행 과정은 위 영상으로 보시거나, 이어서 아래 글을 읽어보세요.

Open Design의 작업 공간: 직접 설치하고 직접 실행하는, 오픈소스이자 에이전트 네이티브한 Claude Design 대안입니다.

Open Design이란?

Open Design은 Claude Design의 워크플로우는 마음에 들지만 그걸 위해 비용을 내거나 하나의 프로바이더에 묶이고 싶지 않은 사람들을 위해 만들어진, 오픈소스이자 로컬 우선 디자인 플랫폼입니다. 설치하기 전에 알아두면 좋은 몇 가지:

• 오픈소스, Apache-2.0——코드가 공개되어 있어 직접 확인하거나, 셀프호스팅하거나, 포크할 수 있습니다.
• 로컬 우선——다른 사람의 클라우드 계정이 아니라 자신의 머신(또는 자신의 서버)에서 실행됩니다.
• 내 에이전트와 key를 그대로 사용——이미 사용 중인 코딩 에이전트와 LLM 위에서 동작합니다. Claude Code부터 Codex, Gemini 등 다른 프로바이더까지 지원하므로, 한 회사의 요금제나 모델에 갇히지 않습니다.
• 프로토타입 그 이상——랜딩 페이지뿐 아니라 디자인 시스템, 플러그인, 완전한 프로덕션 배포까지 다루며, 단순한 목업에 그치지 않습니다.

다운로드 방법: 데스크톱 앱 또는 GitHub

Open Design을 받는 방법은 두 가지이며, 어느 쪽이 맞는지는 터미널에 얼마나 익숙한지에 달려 있습니다.

가장 간단한 방법은 공식 사이트 open-design.ai입니다. 여기서 자신의 운영체제에 맞는 데스크톱 애플리케이션을 다운로드하고, 다른 앱과 마찬가지로 설치한 뒤 열면 됩니다——명령줄은 전혀 필요 없습니다.

두 번째 방법은 GitHub입니다. Open Design은 오픈소스 프로젝트이므로 저장소를 직접 클론해 소스에서 실행할 수 있습니다. 이렇게 하면 프로젝트 내부를 더 세밀하게 제어할 수 있으며, 코드를 기여하고 싶거나 데스크톱 빌드가 제공하는 범위를 넘어서 도구를 커스터마이징하고 싶다면 이 경로를 선택하면 됩니다. 두 경로 중 더 기술적인 쪽이므로, 코드를 다루는 것이 편하지 않다면 데스크톱 앱을 사용하는 편이 좋습니다.

Open Design 설치 및 설정하기

어느 경로를 택하든 설치 자체는 짧게 끝납니다. 다운로드 후 파일이 컴퓨터에서 설정을 마칠 때까지 기다리면(또는 GitHub에서 클론했다면 설치 과정이 끝날 때까지 기다리면), 최초 실행 설정 화면이 나타납니다.

이 첫 화면에서 Open Design이 어떻게 생성을 수행할지 선택합니다: 미리 구성된 에이전트에 맡기거나, 자신의 모델을 지정할 수 있습니다. Open Design은 특정 AI 프로바이더나 모델에 당신을 가두지 않으므로, 자신의 상황에 가장 잘 맞는 옵션——평소 사용하거나 선호하는 어떤 LLM이나 프로바이더든——을 고를 수 있으며, 특정 벤더의 요금제에 갇히지 않습니다.

인터페이스 둘러보고 프롬프트로 랜딩 페이지 만들기

작업 공간 홈: 프로젝트, 템플릿, 디자인 시스템이 모두 여기에 모여 있습니다.

설정이 끝나면 인터페이스는 출발점으로 쓸 수 있는 기성 템플릿이 있는 홈 화면을 엽니다——예를 들어 기술 기업을 소개하는 랜딩 페이지용 템플릿에는 샘플 데이터와 레이아웃이 함께 제공되며, 이를 자신의 아이디어에 맞게 다시 구성할 수 있습니다. 템플릿을 사용하기 전에 세부 사항을 살펴볼 수도 있고, 그냥 평범한 말로 원하는 것을 설명해 Open Design이 만들도록 할 수도 있습니다.

전형적인 프롬프트는 이런 식일 수 있습니다: 가상의 기술 기업을 위한 랜딩 페이지를 만들되, 그 회사의 실적 데이터를 보여주는 분석 섹션을 포함해 달라는 것입니다. 그런 다음 시각적 취향——표준적인 글꼴과 색상의 느낌인지, 좀 더 유쾌한 느낌인지——을 설명하면 Open Design은 디자이너가 하듯 레이아웃을 하나씩 구성해 나갑니다.

설정: 모델, MCP, 메모리

설정 안에서는 프로젝트가 사용하는 모델을 언제든지 바꿀 수 있습니다——처음 실행할 때 정해진 것에 묶이지 않고 원할 때마다 프로바이더를 바꿀 수 있습니다. 여기서 MCP 서버를 연결해 에이전트를 외부 도구와 데이터 소스에 연결할 수도 있고, 메모리를 설정해 에이전트가 세션을 넘나들며 프로젝트 방향에 대한 맥락을 유지하게 할 수도 있습니다. 이런 설정들이 합쳐져 Open Design은 고정된 템플릿 도구라기보다, 당신이 실제로 일하고 싶은 방식에 적응하는 디자인 어시스턴트처럼 동작하게 됩니다.

디자인 시스템, 프로젝트, 그리고 CLI

디자인 시스템 라이브러리: 빈 페이지에서 시작하는 대신 새 프로젝트에 바로 적용할 수 있는 재사용 가능한 시각적 토대입니다.

Open Design의 모든 프로젝트는 자체 디자인 시스템을 유지하므로, 마음에 드는 결과물을 만들면 저장해 두었다가 이후 프로젝트의 시작 템플릿으로 재사용할 수 있습니다. 그 옆에는 플러그인 라이브러리가 있어, 프로젝트가 진행되는 동안 도움이 되는 작은 기능들을 설치하거나 직접 만들 수 있습니다.

그래픽 인터페이스 밖에서 작업하는 것을 선호하는 사람들을 위해 Open Design은 CLI 버전도 제공합니다——동일한 핵심 도구를 터미널이나 IDE 안에서, 또는 어디서든 바로 사용할 수 있습니다.

토큰을 소모하지 않고 편집한 뒤 프로덕션에 배포하기

배포하기 전에 Open Design은 사소한 수정 하나하나마다 새로운 AI 생성에 토큰을 쓰지 않고도 결과를 다듬을 수 있는 방법을 제공합니다: 요소나 섹션 전체를 직접 클릭해 무엇을 바꿔야 하는지 텍스트나 음성으로 메모를 남기고, 로컬에서 적용하는 것입니다. 이는 모델 호출도, 비용도 발생하지 않는 수동적이고 직접적인 편집으로, 작은 조정마다 AI에게 다시 프롬프트를 줘야 하는 것과는 실질적으로 다릅니다.

프로젝트를 프로덕션에 올릴 준비가 되면 Open Design이 배포 과정을 안내해 줍니다: 플랜(또는 필요에 맞는 어떤 등급이든)을 선택하면 사이트를 위한 서버가 설정되며——모든 것을 엔드투엔드로 돌리고 싶다면 VPS 방식의 호스팅도 포함됩니다. 실제로 라이브가 되면 배포 결과에 대한 라이브 프리뷰, 생성된 내용을 확인할 수 있는 코드 뷰, 그리고 링크를 공유하기 전에 데스크톱·태블릿·모바일에서 레이아웃이 잘 유지되는지 확인할 수 있는 반응형 체크를 얻게 됩니다.

이미 Claude Design에서 만들어 둔 것이 있다면, Open Design은 그것을 가져와서 새 프로젝트를 시작하는 것도 지원하므로, 도구를 바꿨다고 해서 처음부터 다시 만들어야 하는 것은 아닙니다.

자주 묻는 질문

Open Design은 정말 무료인가요? 네——Apache-2.0 라이선스로 오픈소스화되어 있어, 직접 실행하는 데는 연결하기로 선택한 컴퓨팅, 호스팅, 모델 사용량 외에는 비용이 들지 않습니다.

사용해 보려면 이미 Claude Design을 쓰고 있어야 하나요? 아니요. 처음부터 새 프로젝트를 시작할 수도 있고, 내장 템플릿에서 시작할 수도 있습니다. 기존 Claude Design 프로젝트를 가져오는 기능은 넘어오는 사용자를 위해 지원되지만 필수는 아닙니다.

고정된 기본값 대신 제 AI 모델을 사용할 수 있나요? 네. Open Design은 하나의 프로바이더에 묶여 있지 않습니다——설정 과정에서 또는 나중에 설정에서 원하는 모델과 프로바이더를 선택할 수 있습니다.

편집은 항상 토큰을 소모하나요? 아니요. 요소와 섹션을 조정하는 클릭 편집 도구는 수동이며 무료입니다——AI에게 생성이나 재생성을 요청할 때만 모델 사용량이 발생합니다.

Open Design을 커맨드라인에서 실행할 수 있나요? 네. 데스크톱 앱과 웹 인터페이스 외에도 터미널이나 IDE에서 실행할 수 있는 CLI 버전이 있습니다.

---

이 글 가이드는 Fabricando Sua Ideia의 실습 데모를 기반으로 합니다. 위의 전체 영상을 보시고, 더 많은 실전 AI 도구 튜토리얼을 위해 Fabricando Sua Ideia - Tutoriais를 구독하세요.