디자인 시스템 관리(DSM) 열기

디자인 시스템 관리(DSM)는 게시된 라이브러리의 리소스를 한곳에 모아 제공합니다. 디자인 에셋을 확인하고 개발에 사용하는 컴포넌트와 이름을 맞추는 데 활용합니다.

DSM 열기

먼저 게시된 라이브러리 파일을 준비합니다. 다음 위치에서 DSM을 열 수 있습니다.

• 편집기의 파일 이름 드롭다운에서 디자인 시스템 모드를 선택합니다.
• 팀의 리소스 영역에서 디자인 시스템에서 열기를 선택합니다.
• 편집기의 라이브러리 목록에서 디자인 시스템 열기를 선택합니다.

디자인 모드에서 DSM을 엽니다. 설정을 편집하려면 편집 권한이 필요합니다.

별칭 설정하기

DSM에서 스타일, 컴포넌트나 변수를 찾아 별칭을 설정합니다. 디자인 리소스를 코드에서 사용하는 이름과 연결할 수 있습니다. 디자인과 구현에서 이미 같은 이름을 사용한다면 별칭을 설정할 필요가 없습니다.

컴포넌트 매핑 설정하기

코드 파싱을 열어 컴포넌트 인스턴스를 코드 컴포넌트에 매핑하는 방법을 설정합니다. 파서는 Button 같은 디자인 컴포넌트를 프로젝트의 el-button과 연결하며 속성과 콘텐츠도 매핑할 수 있습니다.

설정 필드와 예시는 영문 컴포넌트 파서 문서를 참고합니다. 영문 DSM 개발자 가이드에서는 진입점과 별칭 설정을 확인할 수 있습니다.

D2C⁺에서 매핑 사용하기

D2C⁺를 사용하려면 Enterprise Full-feature 또는 Dev 라이선스와 기업 공간의 파일이 필요합니다. 컴포넌트 라이브러리 매핑은 선택 사항입니다. 디자인 컴포넌트를 프로젝트 라이브러리에 연결할 필요가 없다면 매핑 없이 코드를 생성할 수 있습니다.

코드 생성 절차와 설정 방법은 영문 D2C⁺ 빠른 시작 가이드를 참고합니다.