작업 과정의 생산성을 높이기 위해 문서 전체에 걸쳐 연결된 심볼을 사용하는 방법에 대해 학습합니다.
Linked-Symbol-Concept

지속적으로 증가하는 디자인 업무와 결부하여 조직 내에서 디자인 팀은 성장하므로 디자이너는 일관적이고 확장 가능한 디자인을 제작하기 위해 협력할 필요가 있습니다. 연결된 심볼을 사용하여 디자이너는 문서 전체에 걸쳐 심볼을 공유하고 항상 최신 상태를 유지할 수 있습니다.

연결된 심볼을 사용하여 UI 키트, 스티커 시트 또는 스타일 가이드에 대한 단일 소스를 만들고 유지 관리하며 다른 Adobe XD 문서에서 사용할 수 있습니다. 소스 문서에서 연결된 심볼을 수정하면 XD는 연결된 심볼의 인스턴스를 갖는 문서에 해당 업데이트 내용을 알립니다. 여기에서 변경 내용을 미리 살펴보고 이를 수락하거나 거부할 수 있습니다.

기능 용어

 
용어 정의 시각적 표시기
소스 문서 심볼이 생성되고 저장된 원본 문서입니다. 일반 심볼
대상 문서 소스 문서의 심볼을 사용하는 보조 문서입니다. 연결된 심볼
로컬 심볼 문서 내에 있는 심볼입니다. 각 심볼은 오브젝트 주위에 녹색 테두리로 자체 표현됩니다.
연결된 심볼

소스 문서에서 대상 문서로 복사되고 저장된 심볼입니다.

참고: 연결된 심볼을 붙여넣으려면 소스 문서에 저장된 심볼이 있어야 합니다.

캔버스에서 - 
에셋 패널에서 - 
연결된 심볼 업데이트 연결된 심볼이 소스 문서에서 업데이트될 때 대상 문서에 표시되는 알림입니다. 캔버스 및 에셋 패널에서 
연결이 끊어진 심볼 소스 문서에 저장되지 않았거나 연결이 끊어지거나 누락된 연결된 심볼입니다. 자세한 내용은 누락된 심볼 문제 해결 및 다시 연결을 참조하십시오. 캔버스 및 에셋 패널에서 

연결된 심볼 만들기

소스 문서에서 대상 문서로 복사된 연결된 심볼
소스 문서에서 대상 문서로 복사된 연결된 심볼

연결된 심볼을 만들려면:

  1. 저장된 소스 XD 문서에서 기존 심볼을 복사하여 대상 문서에 붙여넣습니다.

    연결된 심볼 만들기
    연결된 심볼 만들기
  2. 심볼이 존재하지 않으면 다음 작업 중 하나를 수행하십시오.

    • 오브젝트를 마우스 오른쪽 버튼으로 클릭하고 심볼 제작을 선택합니다.
    • 오브젝트를 선택하고 Command + K(Mac) 또는 Ctrl + K(Windows)를 누릅니다.
    • 오브젝트를 선택하고 에셋 패널의 심볼 라이브러리에서 +를 클릭합니다.
  3. 대상 문서에 붙여넣은 연결된 심볼은 캔버스에서 아이콘으로 표시되고 에셋 패널에서 아이콘으로 표시됩니다.

연결된 심볼 오버라이드

소스 문서에서는 연결된 심볼의 모양 속성을 편집할 수 있지만 대상 문서의 연결된 심볼 인스턴스에 대해서는 텍스트와 비트맵 콘텐츠만 수정할 수 있습니다.

연결된 심볼의 모든 인스턴스로 오버라이드를 푸시하려면 연결된 심볼을 마우스 오른쪽 버튼으로 클릭하고 오버라이드 전송을 선택합니다. 연결된 심볼 인스턴스의 텍스트 및 비트맵 콘텐츠가 다른 모든 인스턴스에 반영됩니다. 중첩되어 연결된 심볼의 특정 부분에 오버라이드를 적용할 수도 있습니다.

연결된 심볼이 있는 모든 문서로 오버라이드를 푸시하려면 소스 문서의 심볼을 선택하고 오버라이드 전송을 클릭합니다. 이렇게 하면 해당 심볼의 오버라이드가 대상 문서의 다른 모든 연결된 심볼 인스턴스에 반영됩니다.

Push-Override

연결된 심볼 편집

소스 문서에서 연결된 심볼의 모양 속성을 편집할 수 있습니다. 소스 문서에서 연결된 심볼을 편집하려면:

  1. 에셋 패널 또는 캔버스에서 연결된 심볼을 마우스 오른쪽 버튼으로 클릭하고 소스 문서에서 편집을 선택합니다. 

  2. 소스 문서에서 모양 속성을 수정합니다. 저장된 속성 모양이 대상 문서에 반영됩니다.

    연결된 심볼 편집
    에셋 패널에서 연결된 심볼 편집
    Edit_canvas
    캔버스에서 연결된 심볼 편집

연결된 심볼 업데이트 미리보기

소스 문서에서 연결된 심볼이 업데이트되면 에셋 패널에서 파란색 배지 아이콘()으로 표시되는 업데이트 알림이 대상 문서에 수신됩니다.

연결된 심볼 업데이트를 미리 보려면 에셋패널에서  아이콘에마우스를 가져다 대어 업데이트 내용을 미리 보고 수정된 날짜와 소스 문서 세부 정보를 조회할 수 있습니다.

연결된 심볼 업데이트 미리보기
연결된 심볼 업데이트 미리보기

연결된 심볼 업데이트 수락

대상 문서에서 연결된 심볼의 모든 인스턴스에 적용하기 위해 연결된 심볼에 대한 업데이트 내용을 수락하려면 다음 단계를 따르십시오.

 

  1. 파란색 아이콘  아이콘에 또는 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 업데이트를 선택합니다.

  2. 선택할 수 있는 업데이트가 여러 개 있는 경우에는 업데이트하려는 연결된 심볼을 선택하고 마우스 오른쪽 버튼으로 클릭한 다음 업데이트를 선택합니다.

  3. 한 번에 업데이트를 모두 수락하려면 에셋 패널에서 모두 업데이트를 클릭합니다.

    모든 연결된 심볼에 대한 일괄 업데이트
    모든 연결된 심볼에 대한 일괄 업데이트

    A. 연결된 심볼에 대한 단일 업데이트 B. 연결된 심볼에 대한 일괄 업데이트 

연결된 심볼을 로컬 심볼로 변환

다른 문서의 인스턴스에 영향을 주지 않고 연결된 심볼의 속성을 시험하고 해당 속성을 변경하려면 연결된 심볼을 로컬 심볼로 변환하십시오.

동일한 연결된 심볼이 있는 다른 문서에 영향을 주지 않고 연결된 심볼의 모양 속성을 편집하려면 연결된 심볼을 로컬 심볼로 변환하십시오. 로컬 심볼의 속성을 편집하거나 오버라이드할 수 있으며 로컬 심볼에 적용된 업데이트는 자체 문서에만 국한됩니다.

연결된 심볼을 로컬 심볼로 변환하려면 에셋 패널에서 연결된 심볼을 마우스 오른쪽 버튼으로 클릭하고 로컬 심볼 만들기를 선택합니다. 

참고:

연결된 심볼을 로컬 심볼로 변환하면 소스 문서의 심볼에 적용되는 변경 내용에 대한 알림이 더 이상 수신되지 않습니다. 연결된 심볼이 있는 다른 XD 문서는 계속 업데이트를 수신합니다.

연결된 심볼을 로컬 심볼로 변환
연결된 심볼을 로컬 심볼로 변환

연결된 심볼 연결 해제

동일한 문서의 다른 인스턴스에는 영향을 주지 않고 연결된 심볼 인스턴스에만 스타일 변경을 적용하려면 연결된 심볼 인스턴스를 마우스 오른쪽 버튼을 클릭한 다음 심볼 연결 해제를 선택합니다. 소스 문서에서 연결된 심볼에 변경 내용이 적용되면 연결된 심볼은 계속해서 업데이트 알림을 수신하게 됩니다.

연결된 심볼 인스턴스를 연결 해제하려면 연결된 심볼 인스턴스를 마우스 오른쪽 버튼으로 클릭하고 심볼 연결 해제를 선택합니다.

연결된 심볼 연결 해제
연결된 심볼 연결 해제

연결된 심볼 삭제

대상 문서에서 연결된 심볼의 인스턴스를 삭제하려면 에셋 패널에서 심볼을 마우스 오른쪽 버튼으로 클릭하고 삭제를 선택합니다.

연결된 심볼 삭제 중
연결된 심볼 삭제 중

연결된 심볼을 포함하는 소스 문서 공유

소스 문서를 다른 디자이너와 공유하려면 Dropbox, Google Drive 또는 공유 네트워크 드라이브와 같은 파일 공유 서비스에 소스 문서를 저장하십시오. 소스 문서의 심볼을 편집하거나 사용하도록 디자이너를 초대할 수 있으며, 이들 문서가 업데이트되면 업데이트 알림을 수신하게 됩니다.

누락된 연결된 심볼 문제 해결 및 다시 연결

소스 문서를 구성하거나, 이름을 바꾸거나, 기존 연결된 심볼을 다른 문서로 옮길 수 있습니다. 이러한 경우  아이콘이 끊어진 연결된 심볼을 나타냅니다.

연결된 심볼은다음과 같은이유로 연결이 끊어집니다.

  • 소스 XD 문서가 이동됨
  • 원본 문서의 연결된 심볼이 삭제됨
  • 소스 XD 문서가 삭제되거나 이름이 변경됨
  • 원본 문서의네트워크연결이 끊김

누락된 연결이 있는 연결된 심볼 문제를 해결하려면 누락된 연결 아이콘에 마우스를 가져다 대어 연결이 끊어진 심볼의 근본 원인을 파악합니다.

끊어진 연결 문제를 해결하는 방법에 대한 자세한 내용은 Adobe XD의 연결된 심볼 문제 해결을 참조하십시오.

연결된 심볼을 다시 연결하려면 누락된 연결  아이콘(에셋 패널에 있음)을 클릭합니다. 심볼을 마우스 오른쪽 버튼으로 클릭하고 다시 연결을 선택합니다.

누락된 연결된 심볼 다시 연결
누락된 연결된 심볼 다시 연결

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책