디자인을 디렉팅하고, 제작은 에이전트에게
시스템과 기준은 당신이 정하고, 화면, 상태, 변형, 고충실도 시안은 에이전트가 렌더링합니다. 사각형을 밀어내는 시간은 줄이고, 무엇이 좋은지 결정하는 시간은 늘리세요.
한 줄로 말하면
Open Design은 결코 지치지 않는 제작 어시스턴트입니다. 당신이 디자인 시스템을 정의하고 안목으로 판단하면, 에이전트가 나머지를 시스템에 맞게, 당신의 저장소 안에서 생성합니다.
디자이너는 Open Design을 이렇게 씁니다
- 01
시스템을 코드화하세요
브랜드를 DESIGN.md로 옮기세요. 타입 스케일, 색상, 간격, 컴포넌트, 보이스까지. 이것이 에이전트가 따르는 진실의 원천입니다.
- 02
롱테일을 생성하세요
원래라면 손으로 짜 올렸을 모든 화면, 상태, 변형을 에이전트가 시스템에 맞게 렌더링합니다. 그래서 지루한 80%가 몇 분 만에 끝납니다.
- 03
디렉팅하고 다듬으세요
말로 비평하세요. "간격을 좁히고, 빈 상태를 더 따뜻하게." 최종 결정권은 당신이 쥐고, 반복은 에이전트가 합니다.
디자이너가 디렉팅할 수 있는 것
프로토타입 전체 프롬프트 보기 → Web Prototype Taste 에디토리얼
에디토리얼 미니멀리스트 웹 프로토타입. 따뜻한 단색 캔버스, 세리프 헤딩 + 그로테스크 본문, 1px 헤어라인 테두리, 뮤티드 파스텔 칩, 넉넉한 여백, 은은한 마이크로 모션.
프로토타입 전체 프롬프트 보기 → Web Prototype Taste Brutalist
스위스 산업 인쇄 스타일 웹 프로토타입. 신문지 캔버스, 모놀리식 블랙 그로테스크 서체, 뷰포트 넘침 숫자, 헤어라인 그리드 구분선, 위험 빨강 강조, ASCII 구문 장식. Leonxlnx/taste-skill `brutalist-skill`(스위스 산업 인쇄 모드)에서 추출.
프로토타입 전체 프롬프트 보기 → 모바일 온보딩
세 개의 휴대폰 프레임을 나란히 배치한 멀티스크린 모바일 온보딩 플로우 — 스플래시, 가치 제안, 로그인. 상태 표시줄, 스와이프 점, 주요 CTA 포함. '모바일 온보딩', 'iOS 온보딩', '휴대폰 가입', '移动端引导' 관련 요구사항에 사용.
프로토타입 전체 프롬프트 보기 → 와이어프레임 스케치
손그림 스타일의 와이어프레임. 모눈종이 배경, 마커/연필 톤, 여러 탭 레이블, 포스트잇 주석, 차트 플레이스홀더, 해칭 채우기 포함. '와이어프레임', '스케치', '손그림', '로우파이', '화이트보드' 등의 요구사항에 적합.
프로토타입 전체 프롬프트 보기 → Web Prototype Taste Soft
Apple 급 소프트 웹 프로토타입. 실버/크림 캔버스, 이중 베젤 카드, 중첩 버튼 CTA, 넉넉한 스쿼클 반경, 스프링 모션, 앰비언트 메시. Leonxlnx/taste-skill의 soft-skill 및 섹션 4-8 기반.
이미지 전체 프롬프트 보기 → 이미지 포스터
포스터, 키 아트, 에디토리얼 일러스트를 위한 단일 이미지 생성 스킬입니다. 기본값은 gpt-image-2이지만 상위 도구를 통해 Flux, Imagen, Midjourney도 지원합니다. 출력물은 PNG/JPEG 파일로 프로젝트 폴더에 저장됩니다.
Open Design으로 디자인하기 vs. 수작업 방식
| 필요한 것 | Open Design이라면 | 수작업 디자인 도구 |
|---|---|---|
| 디자인 시스템 구축 | ●에이전트가 어디에나 적용하는 DESIGN.md | 도구마다 손으로 유지하는 라이브러리 |
| 변형과 상태 제작 | ●프롬프트에서 시스템에 맞게 생성 | 프레임을 복제하고 하나하나 조정 |
| 고충실도 시안 | ●평면 목업이 아니라 진짜 HTML로 렌더링 | 결국 엔지니어가 다시 만드는 픽셀 작업 |
| 일관성 유지 | ●하나의 시스템이 자동으로 강제됨 | 수작업 규율, 시간이 지나며 어긋남 |
| 인수인계 | ●결과물이 곧 코드, 번역의 간극 없음 | 스펙 문서와 레드라인 |
디렉팅으로부터 에이전트가 만들어낸, 시스템에 맞는 고충실도 작업. 당신의 스타일에 가까운 것을 골라 다듬어 보세요.
디자이너 FAQ
-
01 이게 저를 대체하나요?
아니요. 대체하는 것은 잡일입니다. 시스템과 안목은 당신이 정하고, 반복적인 제작은 에이전트가 합니다. 그래서 당신만이 할 수 있는 결정에 시간을 쓸 수 있습니다.
-
02 룩에 대한 통제권은 어떻게 유지하나요?
당신의 DESIGN.md가 계약입니다. 에이전트는 그 안에서 렌더링하고, 당신은 맞을 때까지 말로 비평합니다.
-
03 결과물은 편집 가능 / 진짜인가요?
평면 내보내기가 아니라 진짜 HTML/CSS입니다. 그래서 다시 만들어지지 않고 그대로 프로덕션으로 넘어갑니다.
-
04 어떤 에이전트를 쓸 수 있나요?
Claude Code, Codex, Cursor Agent, Gemini CLI 등 다양한 퍼스트파티 어댑터를, 자신의 프로바이더 키로.
오늘 밤, 다음 디자인을 디렉팅하세요
저장소에 스타를 누르고, Open Design을 설치하고, 제작은 에이전트에게 맡기고 안목은 당신이 판단하세요. 이미 쓰고 있는 그 에이전트 안에서.