XD에서 Creative Cloud Libraries를 사용하여 작업

Creative Cloud Libraries를 사용하면 팀이 디자인 및 브랜드 시스템 에셋을 한 곳에서 관리하고 규모에 맞춰 배포할 수 있습니다.

먼저 XD 클라우드 문서에서 디자인 및 브랜드 시스템을 구성하는 구성 요소와 스타일 세트로 스티커 시트를 선별하여 시작하십시오. 재사용 가능한 에셋을 더 광범위한 팀과 공유할 준비가 되면 적절한 세트의 권한을 사용하여 스티커 시트 클라우드 문서를 라이브러리로 게시하고 팀을 초대합니다.

팀이 라이브러리 초대를 수락하면 해당 라이브러리의 에셋을 재사용할 수 있으며 향후 모든 라이브러리 업데이트와 동기화할 수 있습니다.

여러분의 상황과 비슷합니까? 모든 에셋 및 구성 요소를 라이브러리에 게시하고 XD에서 디자인 라이브러리를 사용할 수 있도록 다른 사람을 초대하려는 경우 다음 내용이 충분히 도움이 될 것입니다. 

진행하기에 앞서

XD에서 다음 개념을 익히십시오.

• 디자인 시스템
• 에셋 및 라이브러리를 사용하여 작업
• XD의 구성 요소

연결된 라이브러리 게시 및 공유

라이브러리를 통해 디자인 시스템을 구축하고 배포하려면 우선 소스 클라우드 문서의 문서 에셋 패널에서 디자인 시스템 에셋(색상, 문자 스타일 및 구성 요소)을 선별하십시오.

디자인 시스템 에셋을 정의한 다음 해당 에셋을 소스 문서에 연결된 라이브러리로 게시합니다. 팀과 공유하여 모든 XD 프로젝트 및 기타 Creative Cloud 앱에서 일관되게 재사용할 수 있습니다.

연결된 라이브러리 게시

연결된 라이브러리를 게시하려면 다음 단계를 따르십시오.

1. 도구 모음에서 라이브러리를 클릭하여 문서 에셋 패널 보기를 엽니다. 
   
2. 라이브러리로 게시  를 클릭하여 라이브러리 관리자를 엽니다.
3. 라이브러리 관리자에서 게시를 클릭합니다. 또는 새로 만들기를 클릭한 다음 연결된 라이브러리 게시를 클릭합니다.

게시된 라이브러리에는 소스 문서의 문서 에셋 패널에 있는 모든 에셋이 포함됩니다.

팀 라이브러리 게시

Creative Cloud for teams 또는 Creative Cloud for enterprise 사용자인 경우 개인 라이브러리를 게시하는 것 외에도 팀 라이브러리를 게시할 수 있습니다. 팀 라이브러리에는 공유 소유권이 있습니다.

팀 라이브러리를 게시하려면 아래 단계를 따르십시오.

1. 라이브러리 관리자를 엽니다.
2. 새로 만들기 > 빈 라이브러리 만들기 또는 연결된 라이브러리 게시를 선택합니다.
3. 팀 공간을 선택한 다음 팀 라이브러리를 게시합니다.

팀 라이브러리 및 그 이점에 대해 알아보려면 비즈니스용 Creative Cloud Libraries를 참조하십시오.

라이브러리 공유

라이브러리를 게시하면 팀원을 초대할 수 있는 공유 대화 상자가 나타납니다.

라이브러리에 편집 권한으로 문서 공동 편집자 초대

클라우드 문서 권한은 연결된 라이브러리와 자동으로 동기화되지 않습니다. 따라서 라이브러리를 게시할 때 모든 문서 공동 편집자를 편집 가능 권한으로 라이브러리에 초대해야 합니다.

문서 공동 편집자에게 라이브러리에 대한 편집 권한이 없으면 어떻게 됩니까?

하나의 클라우드 문서에 대해 하나의 연결된 라이브러리만 존재할 수 있습니다. 따라서 문서 공동 편집자를 라이브러리에 초대하지 않으면 공동 편집자는 라이브러리가 이미 존재한다는 사실을 모른 채 동일한 문서에서 새 라이브러리를 게시할 수 있습니다. 공동 편집자가 새 라이브러리를 게시하면 게시된 새 라이브러리가 문서에 연결되며 원래 라이브러리는 문서에서 연결이 해제됩니다. 

공동 편집자를 보기 가능 권한으로 라이브러리에 초대하면 해당 공동 편집자는 라이브러리를 업데이트할 수 없습니다. 공동 편집자의 소스 문서 라이브러리 창에는 최신 상태가 표시됩니다. 

예제로 알아보기

1. Natalia는 XD 문서인 Brand_Systems의 소유자이며 Pedro를 문서의 공동 편집자로 초대합니다.
2. Natalia는 Brand_Systems로 이름이 자동 지정된 문서에서 연결된 라이브러리를 만들고, Pedro를 라이브러리에 초대하는 것을 잊어버리게 됩니다.
3. Pedro는 문서에 새 에셋을 추가하고 연결된 라이브러리가 있다는 사실을 모른 채 라이브러리를 게시하려고 합니다.
   
4. Pedro는 문서의 라이브러리 창에서 [게시] 버튼을 선택하여 새 연결된 라이브러리인 Brand_Systems(1)를 생성합니다. Brand_Systems(1)이 생성되었으므로 원본 라이브러리는 문서에서 연결이 해제됩니다.
5. Natalia는 이제 다른 문서에서 라이브러리의 에셋에 대한 연결이 해제된 것을 확인합니다.

원본 라이브러리가 공동 편집자에 의해 소스 문서에서 연결 해제되었습니까? 소스 문서에 라이브러리 다시 연결을 참조하십시오.

모범 사례

• 클라우드 문서에서 새 연결된 라이브러리를 게시할 때에는 모든 문서 공동 편집자를 편집 가능 권한으로 라이브러리에 초대해야 합니다. 라이브러리 에셋을 사용하도록 하려는 경우에만 보기 가능 권한으로 라이브러리에 초대하십시오.
  
• 문서에 새 공동 편집자를 초대할 때에는 연결된 라이브러리에 초대하고 필요한 권한을 제공해야 합니다.

주의해야 할 사항

• 처음으로 라이브러리를 게시할 때 해당 크기에 따라 게시되는 데 몇 분 정도 소요될 수 있습니다. 라이브러리 관리자의 진행률 표시기에서 라이브러리 게시 진행 상태를 추적할 수 있습니다. 
• 라이브러리 초대를 처음 수락하면 라이브러리를 동기화하는 데 몇 분 정도 소요될 수 있습니다. Creative Cloud 데스크탑 앱에서 클라우드 아이콘을 클릭하여 라이브러리 동기화 상태를 확인합니다. 라이브러리가 완전히 동기화되면 XD와 다른 Creative Cloud 앱에서 액세스할 수 있습니다.

라이브러리 사용

라이브러리 초대를 수락한 경우 XD 및 다른 Creative Cloud 앱의 라이브러리에서 에셋을 사용할 수 있습니다. XD의 라이브러리에서 에셋을 사용하려면 다음 단계를 따르십시오.

라이브러리 패널에서 라이브러리 표시 또는 숨기기

게시된 라이브러리 업데이트

XD 클라우드 문서에서 라이브러리를 게시하고 소스 클라우드 문서의 에셋을 수정하면 XD는 라이브러리를 마지막으로 게시한 이후의 변경 내용을 다음과 같은 방법으로 알려 줍니다.

• 게시된 라이브러리를 변경한 후 인앱 메시지를 통해 라이브러리를 업데이트하는 프로세스를 간소화할 수 있습니다. 
  
• 문서 에셋 패널 옆의 라이브러리로 게시  에 있는 파란색 배지는 업데이트를 게시할 준비가 되었음을 나타냅니다.

라이브러리에 업데이트를 게시할 준비가 되면 다음 옵션 중 하나를 사용하십시오.

라이브러리 업데이트 미리보기 및 승인

라이브러리를 업데이트하고 게시하면 어떻게 됩니까? 디자인 프로젝트에서 업데이트된 연결된 에셋을 사용하는 동료 디자이너는 다음 알림을 받습니다.

• 문서 에셋 패널 보기: 보류 중인 업데이트가 있는 연결된 에셋에는 파란색 배지 가 표시되며 패널 하단에는 모두 업데이트 버튼이 있습니다.
• 라이브러리 패널 보기: 내 문서에서 보류 중인 업데이트의 수를 나타내는 파란색 배지()가 문서 에셋 옆에 표시됩니다.
  

에셋 검색 및 필터링

문서 에셋의 수와 라이브러리의 크기가 큰 경우에는 검색 및 필터링 기능을 사용할 수 있습니다.

문서 에셋 패널 보기에서 검색어를 입력하여 문서에서 에셋을 검색합니다. 라이브러리 패널 보기에서 모든 활성 라이브러리 전체에 걸쳐 에셋을 검색합니다.

XD는 프로젝트에서 사용하려는 에셋의 범위를 좁히기 위한 세 가지 필터링 메커니즘을 제공합니다.

연결된 에셋을 로컬 에셋으로 변환

문서에서 연결된 에셋을 사용하는 다른 사람들에게 영향을 주지 않고 연결된 에셋의 특정 스타일 또는 속성을 실험해 보고 변경하기 위해 연결된 에셋을 로컬 에셋으로 변환할 수 있습니다.

소스 문서에 라이브러리 다시 연결

연결이 해제된 라이브러리를 소스 문서에 다시 연결하는 방법에 대해 알아보려면 라이브러리를 소스 문서에 다시 연결을 참조하십시오.

라이브러리 게시 취소

더 이상 라이브러리가 필요하지 않다면 라이브러리 관리자에서 해당 라이브러리를 게시 취소할 수 있습니다. 라이브러리를 게시 취소하려면:

1. 라이브러리의 소스 문서에서 라이브러리 관리자를 엽니다.
2. 공유 옆에 있는 점 세 개 아이콘을 클릭한 다음 게시 취소를 클릭합니다.

게시를 취소하면 이전에 이 라이브러리에서 가져온 연결된 에셋이 빨간색 배지로 표시된 끊어진 링크가 됩니다. 이러한 끊어진 에셋을 삭제하거나 로컬 에셋으로 변환할 수 있습니다.

주의해야 할 사항

• 라이브러리를 게시 취소하고 나중에 다시 게시하면 끊어진 연결된 에셋이 해당 라이브러리에 다시 연결되지 않습니다.

Creative Cloud 앱에서 만든 라이브러리의 에셋 사용

XD를 사용하면 귀하와 팀이 Photoshop 및 Illustrator와 같은 다양한 Creative Cloud 앱에서 제작된 에셋을 간편하게 사용할 수 있습니다. 그래픽 모음 또는 Adobe Stock 이미지로 영감을 주는 라이브러리를 만들었는지, 소스 문서에 연결되지 않은 재사용 가능한 색상과 문자 스타일 모음으로 라이브러리를 만들었는지 여부와 상관없이 XD에서 해당 에셋을 재사용할 수 있습니다.

라이브러리의 그래픽을 디자인으로 드래그하면 배지로 표시되는 연결된 그래픽이 됩니다. Photoshop 또는 Illustrator에서 연결된 그래픽을 수정하면 XD에서 연결된 그래픽 인스턴스가 모두 자동으로 업데이트됩니다. 연결된 그래픽 링크를 해제하려면 링크 배지를 클릭하거나 컨텍스트 메뉴를 사용하여 연결을 해제하면 됩니다. 

문서에 연결되지 않은 색상, 문자 스타일 또는 그래픽 컬렉션을 사용하여 XD에서 유사한 라이브러리를 만들려면 라이브러리 관리자에서 새로 만들기 > 빈 라이브러리 만들기를 클릭합니다.

주의해야 할 사항

• 문서를 라이브러리로 게시하여 라이브러리에 구성 요소만 추가할 수 있습니다.
•  라이브러리에서는 색상이나 문자 스타일을 편집할 수 없습니다.
• 3D 변형 그래픽을 라이브러리에 추가하면 3D 변형 기능이 손실됩니다.
  

모범 사례

• 팀이 해당 업데이트 내용을 미리 보고 수락할 수 있도록 하고, 최신 변경 내용과 동기화되도록 라이브러리 에셋 업데이트 푸시를 보다 효과적으로 제어하려면 이 문서의 설명에 따라 문서에서 연결된 라이브러리를 게시하는 것이 좋습니다.
  

자세히 알아보기

이 비디오를 통해 XD에서 라이브러리를 사용하여 작업하는 방법에 대해 알아보십시오.

시청 시간: 6분

다음 단계

디자인을 검사할 수 있도록 라이브러리를 게시 및 공유하는 방법을 살펴보고, 한발 더 나아가 개발자와 디자인 사양을 공유
하는 방법에 대해 알아보십시오.

질문이나 아이디어가 있습니까?