에이전시를 위한 Open Design — 상업적으로 안전하고, 비용을 관리할 수 있으며, 클라이언트에게 바로 납품 가능

클라이언트를 위해 만든다면, 폐쇄형 디자인 도구의 주간 상한과 단일 모델은 규모 있게 작업하기 어렵게 만듭니다. 이 가이드는 에이전시/프리랜서를 위한 Open Design 실전 플레이북입니다. 왜 그것이 상업적으로 안전한지, 어떻게 모델을 전환해 지출을 관리하는지, 그리고 클라이언트 작업을 어떻게 빠르게 납품하는지를 다룹니다. Dylan Michael이 그의 영상에서 보여주는 워크스루를 따르며, 현재 릴리스에 맞춰 다시 쓰고 업데이트했습니다. 위의 영상을 보거나, 이어서 글로 된 버전을 읽어 보세요.

Open Design 워크스페이스: 만들고 싶은 것을 설명하고, 모드를 고르면, 나머지는 에이전트가 처리합니다.

클라이언트 작업에 잘 맞는 이유

Open Design은 오픈소스이자 로컬 우선 설계 플랫폼으로, 당신이 이미 사용하는 코딩 에이전트 위에서 실행됩니다. 그리고 에이전시에게는 다음 세 가지 특성이 가장 중요합니다.

• Apache-2.0 = 상업적으로 안전. 클라이언트 프로젝트에 사용하고, 만든 것을 판매할 수 있으며, 허락을 구하거나 로열티를 낼 필요가 없습니다 — 제한적인 라이선스를 가진 일부 클론과는 다릅니다.
• 로컬 우선 = 모든 것이 당신 소유. 프로젝트가 자신의 기기에 존재하므로, 클라이언트 작업이 다른 누군가의 클라우드에 놓이지 않습니다.
• 어떤 모델이든 = 지출 관리. Claude, ChatGPT, Gemini, DeepSeek, 또는 무료 모델 — 모든 작업마다 프리미엄 모델의 크레딧을 태우도록 강요받지 않습니다.

Dylan의 직설적인 표현은 이렇습니다. 폐쇄형 도구는 월 20~200달러가 들면서도 여전히 일주일에 디자인 몇 개로 제한을 걸 수 있는데, 이는 클라이언트를 상대할 때 도저히 감당할 수 없습니다. Open Design은 상한과 종속을 없앱니다.

1단계 — 설치하고 엔진을 고르기

에디터의 에이전트에게 클론과 설정을 맡기거나(리포지토리 URL을 붙여넣고 Claude Code / Codex가 실행하도록 하세요), open-design.ai/download에서 데스크톱 앱을 받으세요. 처음 실행하면 로컬에 이미 설치된 모든 모델(Codex, Gemini, GitHub Copilot CLI, ……)을 보여줍니다 — 방금 하나를 추가했다면 rescan을 클릭하거나, 자신의 키를 가져오세요. CLI와 모델을 고르고 저장합니다.

2단계 — 클라이언트 산출물 만들기

프로젝트를 만들고(Dylan은 프리미엄 매출 분석 대시보드를 만듭니다), high fidelity(고충실도)를 선택한 뒤 프롬프트를 입력하세요. Open Design은 명확히 하기 위한 질문(어떤 화면, 어떤 면, 강조 색상, 히트맵/리더보드가 무엇을 보여주는지)을 하고, 진행하면서 각 작업의 비용을 보여줍니다 — 클라이언트 작업의 예산을 짤 때 유용합니다. 색 구성을 고르면 세련된 원샷 결과를 만들어 주고, 이후에는 평이한 언어로 다듬습니다(“프리미엄 리프레시 애니메이션 추가, glassmorphism으로 전환, 간격을 더 좁혀줘”).

미리보기에 렌더링된 실제 생성 프로토타입 — 어둡고 영화적인 에이전시 랜딩 페이지.

3단계 — 비용을 잡는 한 수: 프로젝트 도중에 모델 전환하기

이것이 에이전시의 경제학입니다. Dylan의 규칙은 이렇습니다. 강력한 모델로 구조를 만들고(디자인 해석에 가장 뛰어납니다), 그다음 세부 사항과 수정에는 더 저렴한 모델로 전환합니다 — 왼쪽 아래의 CLI를 Claude Code에서 Codex/Gemini로 바꾸고 저장하세요. 정말로 저비용을 원한다면 OpenRouter로 지정해 저가 또는 무료 모델을 쓰세요(반복 작업이라면 DeepSeek급 모델이 품질의 약 90~95%를 유지하면서 가격은 극히 일부입니다). 하나의 프리미엄 모델이 당신의 크레딧을 마음대로 쓰게 두는 대신, 각 달러를 어디에 쓸지 당신이 결정합니다.

미디어 제공자 키(예: OpenAI)를 추가해 생성된 이미지를 산출물에 바로 넣고, 그런 다음 원클릭으로 Vercel에 배포해 클라이언트 검토에 올릴 수도 있습니다.

HyperFrames 갤러리: 코드로 구동되는 모션과 영상 작품으로, fork해서 리믹스할 수 있습니다.

팁

• Apache-2.0 라이선스를 적극 활용하세요 — 허락이나 로열티 없이 클라이언트 작업을 납품하세요.
• 강력한 모델로 만들고, 저렴한 모델로 반복하세요 — 가장 큰 비용 지렛대입니다.
• UI에 표시되는 작업별 비용을 살펴보고 클라이언트 작업의 예산을 짜세요.
• 번거로운 수정에는 OpenRouter로 저가/무료 모델을 사용하세요.
• Vercel에 배포해 빠른 클라이언트 검토 링크를 만드세요.

FAQ

Open Design을 유료 클라이언트 작업에 사용할 수 있나요? 네 — Apache-2.0이므로 로열티나 허락 없이 상업적으로 사용, 판매, 셀프 호스팅해도 안전합니다.

프로젝트 전반에서 비용을 어떻게 낮추나요? 강력한 모델로 구조를 만든 다음, 반복에는 더 저렴한 모델(또는 OpenRouter를 통한 무료 모델)로 전환하세요. UI는 각 작업의 비용까지 보여줍니다.

폐쇄형 도구의 주간 상한이 있나요? 없습니다 — 생성은 당신이 연결한 에이전트/키에서 실행되므로, 고정된 주간 한도에 부딪히는 대신 스스로 지출을 관리합니다.

무료이고 오픈소스인가요? 네 — Apache-2.0입니다. 로컬에서 무료로 실행하세요. 비용은 당신이 연결한 모델/미디어 사용분에 대해서만 지불합니다.

---

이 글 버전 가이드는 Dylan Michael의 워크스루를 기반으로 합니다. 위의 전체 영상을 보고, 더 많은 AI 자동화 워크플로를 위해 Dylan Michael | AI Automation을 구독하세요.