사용 안내서 취소

일반 질문

  1. Adobe XD 사용 안내서
  2. 소개
    1. Adobe XD의 새로운 기능
    2. 일반 질문
    3. Adobe XD를 사용하여 디자인, 프로토타이핑 및 공유
    4. 색상 관리
    5. 시스템 요구 사항
      1. 하드웨어 및 소프트웨어 요구 사항
      2. Adobe XD, Big Sur 및 Apple silicon | macOS 11
    6. 작업 영역 기본 사항
    7. Adobe XD에서 앱 언어 변경
    8. Access UI 디자인 키트
    9. Adobe XD의 접근성
    10. 키보드 단축키
    11. 팁 및 요령
  3. 디자인
    1. 아트보드, 안내선 및 레이어
      1. 아트보드 시작하기
      2. 안내선 및 그리드 사용
      3. 스크롤 가능 아트보드 제작
      4. 레이어를 사용하여 작업
      5. 스크롤 그룹 만들기
    2. 모양, 오브젝트 및 패스
      1. 오브젝트 선택, 크기 조정 및 회전
      2. 오브젝트 이동, 정렬, 배치 및 배열
      3. 오브젝트 그룹화, 잠금, 복제, 복사 및 뒤집기
      4. 오브젝트에 대한 선, 채우기 및 그림자 설정
      5. 반복 요소 만들기
      6. 3D 변형으로 원근감 있는 디자인 만들기
      7. 부울 작업을 통해 오브젝트 편집
    3. 텍스트 및 글꼴
      1. 드로잉 및 텍스트 툴을 사용하여 작업
      2. Adobe XD의 글꼴
    4. 구성 요소 및 상태
      1. 구성 요소를 사용하여 작업
      2. 중첩된 구성 요소를 사용하여 작업
      3. 구성 요소에 여러 상태 추가
    5. 마스킹 및 효과
      1. 모양이 적용된 마스크 만들기
      2. 흐림 효과를 사용하여 작업
      3. 그레이디언트 만들기 및 수정
      4. 혼합 효과 적용
    6. 레이아웃
      1. 반응형 크기 조정 및 제한
      2. 구성 요소 및 그룹에 대해 고정된 패딩 설정
      3. 스택을 사용하여 다이내믹한 디자인 제작
    7. 비디오 및 Lottie 애니메이션
      1. 비디오를 사용하여 작업
      2. 비디오를 사용하여 프로토타입 제작
      3. Lottie 애니메이션을 사용하여 작업
  4. 프로토타입
    1. 인터랙티브 프로토타입 제작
    2. 프로토타입 애니메이트
    3. 자동 애니메이트에 대해 지원되는 오브젝트 속성
    4. 키보드 및 게임패드가 포함된 프로토타입 만들기
    5. 음성 명령 및 음성 재생을 사용하여 프로토타입 제작
    6. 시간 경과 전환 만들기
    7. 오버레이 추가
    8. 음성 프로토타입 디자인
    9. 앵커 링크 만들기
    10. 하이퍼링크 만들기
    11. 디자인 및 프로토타입 미리보기
  5. 공유, 내보내기 및 검토
    1. 선택한 아트보드 공유
    2. 디자인 및 프로토타입 공유
    3. 링크 액세스 권한 설정
    4. 프로토타입을 사용하여 작업
    5. 프로토타입 검토
    6. 디자인 사양 작업
    7. 디자인 사양 공유
    8. 디자인 사양 검사
    9. 디자인 사양 탐색
    10. 디자인 사양 검토 및 댓글 달기
    11. 디자인 자산 내보내기
    12. 디자인 사양에서 자산 내보내기 및 다운로드
    13. 기업을 위한 그룹 공유
    14. XD 자산 백업 또는 이전
  6. 디자인 시스템
    1. Creative Cloud Library 포함 디자인 시스템
    2. Adobe XD에서 문서 자산을 사용하여 작업
    3. Adobe XD에서 Creative Cloud Libraries를 사용하여 작업
    4. 연결된 자산에서 Creative Cloud Libraries로 마이그레이션
    5. 디자인 토큰을 사용하여 작업 
    6. Creative Cloud Libraries의 자산 사용
  7. 클라우드 문서
    1. Adobe XD의 클라우드 문서
    2. 디자인 공동 작업 및 편집
    3. 나와 공유된 문서 공동 편집
  8. 통합 기능 및 플러그인
    1. 외부 자산을 사용하여 작업
    2. Photoshop의 디자인 자산을 사용한 작업
    3. Photoshop에서 자산 복사 및 붙여넣기
    4. Photoshop 디자인 가져오기 또는 열기
    5. Adobe XD에서 Illustrator 자산을 사용하여 작업
    6. Illustrator 디자인 열기 또는 가져오기
    7. Illustrator에서 XD로 벡터 복사
    8. Adobe XD용 플러그인
    9. 플러그인 생성 및 관리
    10. XD에 대한 Jira 통합
    11. XD용 Slack 플러그인
    12. XD용 Zoom 플러그인
    13. XD에서 Behance로 디자인 게시
  9. iOS 및 Android용 XD
    1. 모바일 디바이스에서 미리보기
    2. Adobe XD 모바일 FAQ
  10. 문제 해결
    1. 알려진 문제 및 해결된 문제
      1. 알려진 문제
      2. 해결된 문제
    2. 설치 및 업데이트
      1. Windows에서 XD가 호환되지 않음
      2. 오류 코드 191
      3. 오류 코드 183
      4. XD 플러그인 설치 문제
      5.  Windows 10에서 XD를 제거했다가 다시 설치하라는 메시지가 표시됨
      6. 환경 설정 마이그레이션 문제
    3. 실행 및 충돌
      1.  Windows 10에서 실행 시 XD 충돌 문제
      2.  Creative Cloud에서 로그아웃하면 XD가 종료됨
      3. Windows에서의 구독 상태 관련 문제
      4. Windows에서 XD 실행 시 차단된 앱 경고 표시
      5. Windows에서 크래시 덤프 생성
      6. 충돌 로그 수집 및 공유
    4. 클라우드 문서 및 Creative Cloud Libraries
      1. XD 클라우드 문서 관련 문제
      2. 연결된 구성 요소 관련 문제
      3. 라이브러리 및 링크 관련 문제
    5. 프로토타이핑, 게시 및 검토
      1. macOS Catalina에서 프로토타입 인터랙션을 기록할 수 없음
      2. 게시 작업 과정 관련 문제
      3. 게시된 링크가 브라우저에 표시되지 않음
      4. 프로토타입이 브라우저에서 올바르게 렌더링되지 않음
      5. 공유 링크에 댓글 패널이 갑자기 표시됨
      6. 라이브러리를 게시할 수 없음
    6. 다른 앱 가져오기, 내보내기 및 작업
      1. XD에서 가져오기 및 내보내기
      2. XD의 Photoshop 파일
      3. XD의 Illustrator 파일
      4. XD에서 After Effects로 내보내기
      5. XD의 Sketch 파일
      6. 내보내기에 서드파티 앱이 표시되지 않음

macOS 및 Windows에서 Adobe XD의 다운로드, 설치, 설정 및 업그레이드 방법과 관련하여 자주 묻는 질문에 대한 답변을 살펴보십시오.

xd-mnemonic

Adobe XD는 웹 사이트, 모바일 앱 및 기타 사용자 경험을 위한 디자인을 제작하고 공유하기 위한 UI/UX 디자인 및 공동 작업 도구입니다.

와이어프레이밍, UI 디자인, 인터랙션 디자인, 프로토타이핑, UX 애니메이션 및 공유 기능이 모두 하나의 강력한 툴로 통합되며, 이들 작업 사이를 간편하게 전환할 수 있습니다.

일반 질문

Adobe XD는 웹 사이트, 모바일 앱 및 기타 사용자 경험을 위한 디자인을 제작하고 공유하기 위한 UI/UX 디자인 및 공동 작업 도구입니다.

Adobe XD는 디자인과 프로토타입을 제작하는 전문 UI/UX 디자이너는 물론 UI/UX 디자인을 처음 배우는 사용자 모두를 위한 도구입니다. XD는 강력하면서도 쉽게 사용할 수 있으므로 다양한 배경과 경험 수준을 지닌 모든 디자이너들에게 적합합니다. 

시작 단계에서 매우 유용한 몇몇 콘텐츠가 Adobe XD 안에 포함되었습니다. 제품 홈 화면에서 다음과 같은 항목을 선택할 수 있습니다.

  • Apple iOS, Google 및 Microsoft Windows 플랫폼용 디자인을 가속화하는 UI 키트로의 링크입니다.
  • 디자인 및 내보내기, 프로토타이핑 및 공유 기능에 대해 설명하고 Adobe XD 사용에 관한 힌트와 팁을 보여 주는 튜토리얼

당사의 포럼에서 Adobe XD를 사용하는 다른 디자이너들과의 교류를 통해 자신의 경험을 공유하고 더욱 풍부한 힌트와 팁을 구할 수 있습니다.

Adobe XD 모바일 앱의 도움말 기능을 통해 iOS 및 Android 디바이스에서 디자인 및 프로토타입을 미리 볼 수 있습니다. Adobe XD가 실행 중인 컴퓨터의 USB 포트를 통해 여러 디바이스를 연결할 수 있습니다. 디자인 및 프로토타입을 변경하고 연결된 모든 디바이스에서 이들 변경 내용을 실시간으로 미리 볼 수 있습니다. 자세한 단계는 Adobe XD 모바일 FAQ를 참조하십시오.

당사의 팀은 귀하의 피드백을 적극적으로 듣고 응답하고 있습니다. 제품 관련 문제는 XD 지원 커뮤니티에서 당사의 전문가들에게 문의하십시오.

당사의 포럼에서 Adobe XD를 사용하는 다른 디자이너들과의 교류를 통해 자신의 경험을 공유하고 질문에 대한 답변을 구할 수 있습니다. 추가적인 지원이 필요한 경우 당사의 지원 페이지로 이동하십시오.

Adobe XD는 다음 운영 체제에서 지원됩니다.

  • macOS 10.13 이상
  • Windows 10 Creators Update (64비트) 이상

Adobe XD는 영어, 프랑스어, 독일어, 일본어, 중국어, 한국어, 브라질 포르투갈어 및 스페인어로 제공됩니다.

Adobe Photoshop 또는 Adobe Illustrator에서 기존에 작업한 디자인을 가져올 수 있습니다. Illustrator에서 벡터 기반의 콘텐츠를 복사하여 XD에 붙여넣은 후 작업을 계속 진행할 수 있습니다. Photoshop의 경우에는 파일을 복사하여 XD에 비트맵으로 붙여넣습니다. 파일 > 내보내기 > After Effects 옵션을 통해 XD 파일을 After Effects로 내보낼 수도 있습니다.

다른 모든 종류의 툴에서 SVG 콘텐츠를 클립보드에 복사하고 해당 콘텐츠를 Adobe XD에 붙여넣을 수 있을 뿐만 아니라 파일 > 가져오기 옵션을 통해 JPG, PNG, GIF, TIFF 및 SVG 콘텐츠를 가져올 수도 있습니다.

Adobe XD 및 게시 서비스에 대해 모든 유형의 ID(Adobe ID, Enterprise ID 및 Federated ID)가 지원됩니다. 기업 사용자는 동일한 이메일 주소에 연계된 Adobe ID와 Enterprise ID 또는 Adobe ID와 Federated ID를 보유할 수 있습니다.

신규 사용자가 생성된 경우 XD가 Creative Cloud 데스크탑 애플리케이션에 표시되기까지 24~48시간이 소요됩니다. 이후로도 XD가 표시되지 않으면 당사의 고객 지원 담당자에게 문의해 주십시오.

Windows에서의 Adobe XD

미래의 Windows 플랫폼을 대표하는 Windows 10 Creators Update(64비트)는 Adobe XD에서 최신 터치 기능의 하드웨어를 사용하고 가장 높은 성능을 제공하며 차세대 Windows 기반 디바이스에서 사용할 수 있는 기회를 열어 줍니다. 

자세한 내용은 시스템 요구 사항을 참조하십시오.

현재 펜 및 터치 기능은 속성 관리자, 왼쪽 툴바 메뉴 및 애플리케이션의 프레임에서 지원됩니다. 중앙 캔버스는 아직 터치 기능으로 조작할 수 없습니다. 캔버스에서 디자인을 제작하고 프로토타입을 와이어로 연결하려면 마우스와 키보드를 사용해야 합니다.

지금은 IT 관리자가 Creative Cloud Packager 툴을 사용하여 Windows용 Adobe XD를 배포하거나 정기 업데이트를 받을 수 없습니다.

예. 플랫폼 간 문서를 공유할 수 있습니다.

예. 문서를 클라우드 문서로 저장하고 Adobe XD의 모바일 버전을 사용하여 이들 프로젝트를 열 수 있습니다.

XD와 같은 기본 Windows 10 애플리케이션은 백그라운드에서 파일을 자동으로 저장합니다. 문서를 저장하지 않고 종료한 경우 파일 > 최근 파일 열기로 이동하고 목록에서 해당 파일을 선택하여 언제든지 작업을 재개할 수 있습니다.

Adobe XD를 사용하려면 최신 드라이버를 갖춘 최신 GPU가 설치되어 있어야 합니다. 아트보드에서 상당 부분 변형된 픽셀이 발견된다면 최적의 XD 경험을 위해 드라이버를 최신 버전으로 업데이트해야 합니다. 대부분의 하드웨어 공급업체는 이전 GPU에 적합하도록 자사의 드라이버를 업데이트하지 않습니다. 드라이버의 호환 여부에 대한 추가 정보는 시스템 요구 사항을 참조하십시오.

현재 알려진 문제로, 제공업체로부터 업데이트가 지원되지 않는 두 종류의 이전 드라이버(Intel 8.15.10.2697 및 Intel 8.15.10.2702)와 관련된 특정 렌더링 문제가 있습니다.

시스템에서 대량의 리소스를 필요로 하는 여러 앱을 동시에 사용하는 경우 Windows 10은 성능을 최적화하기 위해 백그라운드에서 실행 중인 일부 기본 앱을 종료할 수 있습니다. 이러한 경우 Adobe XD는 현재 파일을 자동으로 저장하며, 파일 > 최근 파일 열기로 이동하고 목록에서 해당 파일을 선택하여 작업을 재개할 수 있습니다.

예. 프로토타입을 공유할 수 있습니다.

가져오기 및 내보내기

파일은 확장명이 .xd인 파일로 로컬에 저장됩니다. 클라우드 문서는 로컬 파일 시스템에 저장되지 않으며 문서 포맷은 .xdc입니다.

모든 오브젝트를 PNG 또는 SVG로 내보낼 수 있으며 Photoshop 및 Illustrator로 가져올 수 있습니다. Illustrator는 SVG를 편집 가능한 벡터로 가져옵니다. Photoshop은 이 콘텐츠를 플랫 비트맵으로 가져옵니다.

현재 Adobe XD는 텍스트, JPG, GIF, PNG, TIFF, SVG, BMP, PSD, AI, SKETCH 포맷에 대한 가져오기를 지원합니다. 지원되지 않는 포맷을 캔버스로 드래그하면 해당 파일은 무시됩니다.

기본적으로 Adobe XD는 모든 소스로부터 SVG를 가져올 수 있습니다. SVG 파일을 가져올 수 없다면 이는 파일이 너무 크거나 Adobe XD에서 지원하지 않는 속성을 포함하고 있는 것이 원인일 수 있습니다. 자세한 내용은 가져오기 및 내보내기 문제를 참조하십시오.

내보내기에 실패하는 데에는 다양한 원인이 있습니다.

  • 자산이 너무 큰 것이 원인일 수 있습니다. Adobe XD에서 내보낼 수 있는 자산의 한도는 16,000 x 16,000픽셀입니다.
  • 읽기 전용 또는 잠긴 디렉터리를 내보내려는 것이 원인일 수 있습니다.

다른 원인으로 인해 내보내기에 실패하는 경우에는 당사의 포럼에서 해당 문제를 신고해 주십시오.

서드파티 플러그인을 설치하고 사용하여 XD 프로젝트를 HTML, CSS 또는 JavaScript 파일로 내보내거나 추출할 수 있습니다. 서드파티 플러그인 사용 방법에 대한 안내는 이 문서를 참조하십시오.

프로토타입 및 공유

이는 해당 비공개 링크를 전송하는 데 사용한 것과 동일한 Adobe ID로 로그인할 것이 요구되는 보안 기능입니다. 수신자가 해당 Adobe ID 및 암호를 보유하고 있지 않으면 링크에 액세스할 수 없습니다.

XD에서 프로토타입 또는 디자인 사양을 게시함으로써 다른 사용자들과 공유하여 피드백을 받거나 개발자에게 전달할 수 있습니다. 프로토타입 또는 디자인 사양을 게시하면 링크가 생성됩니다. 스타터 플랜을 이용 중인 경우에는 한 번에 하나의 활성화된 공유 링크를 보유할 수 있습니다. 언제든지 링크를 업데이트할 수 있습니다. 더 많은 링크를 게시하려면 유료 플랜으로 업그레이드하거나 현재 링크를 관리하십시오.

XD의 게시 서비스 기능을 사용하려면 Creative Cloud에 로그인해야 합니다. 로그인을 통해 계정에서 스토리지 및 서비스를 이용할 수 있습니다. 이미 로그인되어 있지만 여전히 문제가 발생하는 경우에는 이 문서에 설명된 다양한 상황 중 하나가 그 원인일 수 있습니다.

  1. 공유 모드> 링크 공유로 이동합니다.
  2. URL 선택기 메뉴()에서 링크 관리를 클릭합니다 브라우저에서 Adobe Creative Cloud 웹 사이트가 열리며, 여기에서 프로토타입을 관리할 수 있습니다.
  3. 삭제하려는 프로토타입을 선택하고 영구 삭제를 클릭합니다.

링크가 삭제되었는지 다시 확인하십시오. 링크가 모두 삭제되었다면 Adobe XD를 닫았다가 다시 열어보십시오.

Adobe XD를 닫았다가 다시 열어보십시오. 

프로토타입을 처음 공유하고 나면 후속 업데이트를 통해 링크 업데이트 또는 새 링크의 두 가지 옵션이 제공됩니다. 공유 프로토타입으로의 링크를 새로 만들려면 새 링크를 선택합니다. 프로토타입을 이전 링크로 업데이트하려면 링크 업데이트를 선택합니다. 

일부의 경우 기존 링크가 업데이트되지 않고 새로운 링크가 생성되기도 합니다. 다음과 같은 상황이 이에 해당됩니다.

  • 이전 링크가 삭제되었습니다.
  • 공유 세션 도중 다른 계정으로 로그인했습니다.
  • Adobe의 서비스에 오류가 있어 이전 프로토타입을 업데이트하지 못했습니다.

기업 지원: 상업기관, 정부기관 및 교육기관

Adobe XD에서 프로토타입 및 디자인 사양을 공유하는 것은 Creative Cloud 서비스에 대한 액세스 권한에 달려 있습니다. 프로토타입 및 디자인 사양을 공유하려면 IT 관리자가 Admin Console에서 XD 게시 서비스를 활성화해야 합니다. 보다 자세한 내용은 제품 프로필에 대한 서비스 활성화/비활성화를 참조하십시오.

Adobe XD는 Creative Cloud for enterprise 시리얼 번호를 사용하는 오프라인 배포를 지원하지 않습니다. 고객은 지정된 라이선싱 배포를 통해 Adobe XD에 액세스해야 합니다. 세 가지 유형의 ID(Adobe ID, Enterprise ID 및 Federated ID)가 모두 지원됩니다.

이제 디자이너는 Adobe XD에서 초대를 통해서만 조회할 수 있는 비공개 링크를 사용하여 프로토타입 및 디자인 사양을 공유할 수 있습니다. 사용자가 이러한 자산을 공유하고 조회할 수 있도록 하려면 Adobe 사용자 관리 시스템을 통해 사용자의 ID를 설정하여 계정을 보유하고 있지 않은 리뷰어가 초대되었을 때 Creative Cloud 계정을 새로 만들 필요가 없도록 하는 것이 좋습니다. Adobe 사용자 동기화 도구 또는 기타 사용자 관리 도구를 사용하여 조직의 기업 디렉터리 시스템을 연결하십시오.

사용자 동기화 도구에 대해 자세히 알아보십시오.

비공개 링크를 통해 프로토타입 및 디자인 사양 공유 및 검토 방법에 대해 자세히 알아보십시오.

상환 코드로 구매한 Creative Cloud 멤버십, Creative Cloud for Education 플랜 및 Kivuto에서 구매한 플랜에는 특정 기능에 대한 액세스가 포함되지 않을 수 있습니다. 기관의 IT 관리자에 문의하여 사용할 수 있는 제품과 서비스를 확인할 수 있습니다. 

관련 항목 더 보기

쉽고 빠르게 지원 받기

신규 사용자이신가요?