하나의 디자인 시스템을, 에이전트가 만드는 모든 것에 적용

Open Design에서 디자인 시스템이 작동하는 방식

1. 01

   시스템을 담아낸다

   브랜드를 설명합니다 — 컬러, 타입, 여백, 보이스 — 또는 기존 사이트를 에이전트에게 가리켜 추출하게 합니다. Open Design이 그것을 프로젝트 안에 있는 DESIGN.md에 적습니다.

2. 02

   검증된 기반에서 시작한다

   Open Design은 140개 이상의 참조 디자인 시스템을 제공합니다 — Apple과 Linear부터 에디토리얼, 브루탈리스트까지. 빈 페이지에서 시작하는 대신 당신의 브랜드에 가까운 것을 포크하세요.

3. 03

   어디에나 적용한다

   다른 모든 기술이 같은 시스템을 읽으므로 프로토타입, 덱, 대시보드가 모두 하나의 비주얼 언어를 공유합니다 — 매번 다시 지정하지 않고도.

4. 04

   한곳에서 진화시킨다

   시스템을 바꾸면 다음 렌더링이 그것을 어디서나 반영합니다. 리포지토리 안의 파일이기 때문에 디자인 결정이 코드처럼 검토되고 버전 관리됩니다.

Open Design 디자인 시스템 vs 기존 방식

출발점으로 포크할 수 있는 140개 이상의 참조 시스템 중 일부. 당신의 브랜드에 가까운 하나를 골라 적응시키세요.

디자인 시스템 둘러보기 →

디자인 시스템 FAQ

1. 01 여기서 말하는 디자인 시스템이 정확히 무엇인가요? +

   컬러, 타입, 여백, 컴포넌트, 보이스를 담은 리포지토리 안의 DESIGN.md 파일입니다. 모든 Open Design 기술이 그것을 읽으므로 당신의 브랜드가 에이전트가 만들어 내는 무엇에든 자동으로 적용됩니다.

2. 02 처음부터 시작해야 하나요? +

   아니요. Open Design은 포크할 수 있는 140개 이상의 참조 디자인 시스템을 제공합니다 — Apple과 Linear부터 에디토리얼, 브루탈리스트까지 — 그런 다음 당신의 브랜드에 맞게 적응시킵니다.

3. 03 덱, 대시보드, 프로토타입을 넘나들며 어떻게 일관성을 유지하나요? +

   그 모든 기술이 같은 DESIGN.md를 읽기 때문입니다. 시스템을 한 번 정의하면 손으로 단속하는 것이 아니라 일관성이 자동이 됩니다.

4. 04 어떤 에이전트를 쓸 수 있나요? +

   Claude Code, Codex, Cursor Agent, Gemini CLI 및 그 밖의 퍼스트파티 어댑터. 자신의 프로바이더 키와 함께.