디자인 부채를 최소화하는 방법 중 하나는 디자인시스템 문서를 확인하는 것입니다. UI 라이브러리 및 코드 컴포넌트에 대한 모든 정보를 중앙 집중화할 수 있도록 **Merge Design System Documentation (Mege 디자인시스템 문서)**을 출시했습니다. 코드 기반 라이브러리의 모든 컴포넌트에 대해 알고, 컴포넌트 버전을 다시 만들고, 각 요소의 사용 사례를 공유하는 데 도움이 됩니다.

디자인시스템 연결하기

코드 기반 디자인 라이브러리의 문서를 자동 생성하려면 먼저 UXPin의 디자인시스템과 연결해야 합니다.

다음 두 가지 방법으로 수행할 수 있습니다.

1. 디자인시스템으로 이동하여 왼쪽에 있는 Merge 카테고리를 선택합니다. 문서를 자동 생성하기 위해 드롭다운 목록에서 원하는 Merge 라이브러리를 선택하십시오.
2. 에디터로 이동하여 라이브러리를 선택하십시오. 라이브러리 설정 톱니바퀴 아이콘을 열고 디자인시스템과 연결합니다. 원하는 디자인시스템을 선택하거나 새로 추가하세요.

코드에 안에 있는 모든 컴포넌트, 해당 버전, 속성 및 설명이 자동으로 문서에 반영됩니다.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/5239b138-1302-46f9-a015-344146e2dadd_Docs_Merge_DSD_01.mp4

<aside> 💡 비고 Merge 디자인시스템 문서는 Git 통합에서만 사용할 수 있습니다.

</aside>

정보 수정하기

자동 생성 문서의 모든 정보와 이름을 편집하고 추가할 수 있습니다. 문서뿐만 아니라 컴포넌트의 속성과 설명까지 변경하고 싶다면 Merge Component Manager로 가세요.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/d6d5a884-b066-4010-8cb3-dc898c8c60b9_Docs_Merge_DSD_02+(1).mp4