디자인 토큰을 사용하여 작업

디자인 모드:

1. 에셋 패널로 이동합니다. +를 클릭하여 색상 및 문자 스타일을 확인합니다. 
2. 에셋의 기본 이름을 더블 클릭하고 새 이름을 입력합니다. 이름은 색상 및 문자 스타일에 해당하는 변수와 클래스를 만드는 데 사용됩니다.

 XD는 이름이 변경되지 않고 일반적으로 이름 없음으로 시작하는 색상 및 문자 스타일에 대한 이름을 자동으로 생성합니다.

공유 모드:

1. 보기 설정 드롭다운 메뉴에서 개발을 선택합니다. 
   링크 공유 기능은 웹용으로 내보내진 디자인 사양에서만 지원되므로 웹용으로 내보내기 옵션이 선택되어 있어야 합니다.
2. 링크 만들기를 클릭합니다. 생성된 링크를 복사하고, 개발자와 공유합니다. 자세한 내용은 디자인 프로토타입 공유를 참조하십시오.

공유 모드에서 만든 링크의 유효성을 확인하려면 디자인 토큰 보기를 참조하십시오.

공유 디자인 사양 링크에서 디자인 토큰을 보려면 브라우저에서 공유 링크를 열고 다음 작업을 수행하십시오.

• 디자인 토큰과 해당 16진수 코드를 보려면 </>를 클릭합니다. 패널에 해당 디자인 토큰이 표시됩니다. 디자인 토큰 위에 마우스를 올려놓으면 16진수 코드를 볼 수 있습니다.
• 변수를 보려면 { }를 클릭합니다. 

공유 디자인 사양 링크에서 디자인 토큰을 다운로드하려면:

1. 브라우저에서 공유 링크를 엽니다.
2. CSS 코드 스니펫으로 이동하거나 { } 아이콘을 선택합니다.
3. CSS 다운로드를 클릭하여 이들 변수를 디자인 토큰이 포함된 CSS 코드 스니펫으로 다운로드합니다.
4. 코드 스니펫을 다운로드한 후 복사하여 구현 코드에 붙여넣습니다.