나만의 디자인 시스템 만들기

브랜드가 Drive 폴더, Figma 파일, 또는 이미 마음에 드는 디자인 하나에 담겨 있습니다. 이를 워크스페이스에 저장되는 디자인 시스템으로 바꾸세요. 역할별 색상, 타입 스케일, 토큰, 몇 가지 예시 컴포넌트가 포함됩니다. 이후 새 작업은 브랜드에 맞게 시작되고, 기존 앱도 같은 시스템으로 다시 빌드할 수 있습니다. 이미 출시한 앱에 시스템을 적용하는 것은 스타일시트를 바꾸는 정도가 아니라 실제 재빌드입니다.

​

적합한 대상

• 다음 다섯 페이지를 디자인하기 전에 단일 기준이 필요한 프로덕트 디자이너
• 앱들이 제각각이 되어 모두를 같은 룩으로 맞춰야 하는 창업자

​

커넥터

​

시작하기 전에

브랜드를 규정하는 모든 것을 현재 어디에 있든 모아 두세요. 브랜드 파일, 마음에 드는 디자인, 웹사이트, 또는 Figma 파일 등이 해당합니다. 로고, 색상, 타이포그래피가 Drive에 저장되어 있다면 Drive를 연결하세요. Figma URL, 사이트 URL, 또는 기존 DESIGN.md가 있다면 준비해 두세요.

​

에이전트에게 요청하기

​

예상 결과

Agent는 제공한 소스를 리빙 스타일 가이드로 만들어 줍니다. 각각 역할이 지정된 색상, 타입 스케일, 시스템의 나머지 부분이 참조하는 토큰, 두세 개의 예시 컴포넌트, 그리고 제공한 브랜드 에셋이 포함됩니다. 내용을 검토한 다음 디자인 시스템 저장을 선택해 워크스페이스에 보관하세요. 이후부터 새 작업은 첫 프레임부터 브랜드에 맞게 생성됩니다. 이미 만든 앱에 시스템을 적용하려면 대상을 선택하고 시스템을 적용하세요.

​

나에게 맞게 활용하기

​

문제 해결

​

관련 문서