당신의 디자인 팀은 이미 돌리고 있는 그 에이전트입니다
디자이너도, 예산도, 인수인계도 필요 없습니다. 필요한 것을 설명하면 에이전트가 그려냅니다. 오늘 아침엔 랜딩 페이지, 오후엔 대시보드, 출시 전엔 소셜 카드까지. 모두 한 번 정의한 하나의 디자인 시스템을 공유합니다.
한 줄로 말하면
Open Design은 솔로 창업자가 가져본 적 없던 디자인 부서입니다. 제품에 필요한 모든 영역에서 프롬프트가 곧 결과물로. 하나의 브랜드로, 인수인계 없이, 추가 도구 없이.
솔로 빌더는 Open Design을 이렇게 씁니다
- 01
브랜드를 한 번만 정의하세요
색상, 타이포그래피, 보이스를 DESIGN.md에 담으세요(또는 140개가 넘는 레퍼런스 시스템 중 하나를 fork하세요). 그 이후 생성하는 모든 결과물은 자동으로 브랜드에 맞춰집니다.
- 02
다음에 필요한 것을 무엇이든 생성하세요
프로토타입, 랜딩 페이지, 대시보드, 피치 덱, 소셜 카드까지. 같은 에이전트, 같은 브랜드, 각각 프롬프트 한 줄로. 도구를 갈아타거나 시트를 새로 살 필요가 없습니다.
- 03
그대로 출시하세요 — 이미 진짜이니까요
모든 것이 당신의 저장소 안에서 HTML / 코드로 렌더링됩니다. 그래서 프로토타입이 곧 제품이 되고 랜딩 페이지가 실제로 공개됩니다. 버려지는 목업은 없습니다.
솔로 빌더가 출시할 수 있는 것
프로토타입 전체 프롬프트 보기 → SaaS 랜딩
히어로, 기능, 사회적 증명, 가격, CTA가 포함된 단일 페이지 SaaS 랜딩 페이지입니다. 활성화된 DESIGN.md의 색상/타이포그래피/레이아웃 토큰을 준수합니다. 트리거 키워드: "saas landing", "marketing page", "product landing".
프로토타입 전체 프롬프트 보기 → 웹 프로토타입
범용 데스크톱 웹 프로토타입. `assets/template.html`을 복사하고 `references/layouts.md`의 레이아웃을 붙여넣어 단일 독립형 HTML 파일 생성. 랜딩/마케팅/문서/SaaS 페이지의 기본 옵션.
프로토타입 전체 프롬프트 보기 → 모바일 앱
페이지 내에서 픽셀 단위로 정확한 iPhone 15 Pro 프레임 안에 렌더링되는 모바일 앱 화면입니다. assets/template.html을 복사하고 references/layouts.md에서 화면 원형 하나를 붙여넣어 제작합니다. 브리프에서 '모바일 앱', 'iOS 앱', 'Android 앱', '휴대폰 화면' 또는 '앱 UI'를 요청할 때 사용하세요.
프로토타입 전체 프롬프트 보기 → 대시보드
단일 HTML 파일 관리/분석 대시보드. 고정 좌측 사이드바, 사용자/검색 기능이 있는 상단바, KPI 카드 그리드 및 차트로 구성. '대시보드', '관리자', '분석' 또는 '제어판' 화면이 필요할 때 사용.
프로토타입 전체 프롬프트 보기 → 블로그 게시물
긴 형식의 기사/블로그 게시물 — 마스트헤드, 히어로 이미지 플레이스홀더, 그림 및 인용구가 포함된 본문, 작성자 서명, 관련 게시물로 구성됩니다. '블로그', '기사', '게시물', '에세이', '사례 연구' 요청 시 사용하세요.
슬라이드 전체 프롬프트 보기 → Open-Slide 1920 캔버스 덱
1920x1080 고정 캔버스 덱으로 React 컴포넌트 레벨의 자유로운 구성을 지원하며 고정 템플릿에 구속되지 않습니다.
Open Design으로 혼자 만들기 vs. 힘들게 직접 하기
| 필요한 것 | Open Design이라면 | 지금 혼자 한다면 |
|---|---|---|
| 모든 디자인 영역 커버 | ●하나의 에이전트가 프로토타입, 랜딩, 대시보드, 브랜드를 담당 | 다섯 개의 SaaS 도구와 튜토리얼을 이어 붙이기 |
| 브랜드 유지 | ●하나의 DESIGN.md가 어디에나 자동 적용 | 도구마다 룩을 다시 만들고 시간이 지나며 어긋남 |
| 솔로의 속도로 움직이기 | ●아이디어에서 결과물까지 프롬프트 한 줄 | 시간도 없는데 디자인 도구를 익히기 |
| 목업이 아니라 출시 | ●저장소 안의 HTML / 코드, 배포 준비 완료 | 누군가 결국 만들어야 하는 목업 |
| 비용 | ●오픈 소스, 자신의 키 사용, 로컬에서 동작 | 시트당 과금되는 구독의 더미 |
1인 스타트업에 필요한 모든 영역을, 프롬프트 한 줄로. 다음 행보에 가까운 것을 골라 설명해 보세요.
솔로 빌더 FAQ
-
01 저는 디자이너가 아닌데, 정말 쓸 수 있나요?
네. 원하는 것을 평범한 말로 설명하면 에이전트가 디자인 시스템을 적용해 렌더링합니다. 기술은 프롬프트를 쓰는 것이지 픽셀을 옮기는 것이 아닙니다.
-
02 모든 것을 커버하나요, 아니면 하나만 하나요?
작은 제품에 필요한 모든 것을요. 프로토타입, 랜딩 페이지, 대시보드, 덱, 그래픽을 같은 에이전트와 같은 브랜드로.
-
03 결과물은 무엇이 되나요?
당신의 저장소 안의 진짜 HTML / 코드입니다. 그래서 프로토타입이 제품이 되고 랜딩 페이지가 공개될 수 있습니다. 버리는 목업이 아닙니다.
-
04 어떤 에이전트를 쓸 수 있나요?
Claude Code, Codex, Cursor Agent, Gemini CLI 등 다양한 퍼스트파티 어댑터를, 자신의 프로바이더 키로.
오늘 밤, 당신의 모든 것을 만드세요
저장소에 스타를 누르고, Open Design을 설치하고, 하나의 에이전트를 당신의 디자인 팀으로 만드세요. 이미 쓰고 있는 그 에이전트 안에서.