Adobe XD의 이전 릴리스에서 소개된 기능 요약은 기능 요약 | 이전 릴리스를 참조하십시오.
XD의 2018년 12월 릴리스에는 다음과 같은 흥미롭고 새로운 기능이 추가되었습니다.
- 클라우드 기반 문서를 사용하여 공동 작업 개선
- 오브젝트 뒤집기를 사용하여 더욱 빠르고 정밀한 디자인
- 레이어 패널에서의 검색 기능을 통한 생산성 향상
- 캔버스에서 연결된 심볼 미리보기
기타 개선 사항:
Adobe XD에 여러 디바이스에 걸쳐 문서를 빠르고 편리하게 관리하고, 공유하고, 최신 상태로 유지할 수 있도록 해 주는 새로운 클라우드 기반의 문서 유형인 클라우드 문서가 도입되었습니다.
XD 디자인을 클라우드 문서로 저장하여 최신 상태를 유지하고 오프라인에서도 액세스할 수 있습니다. 이후 다른 Creative Cloud 사용자와 공유하고 공동 작업을 수행하도록 초대할 수 있습니다. 온라인 상태가 되면 작업 내용이 클라우드에 자동으로 저장됩니다.
또한 클라우드 문서는 문서 간 에셋을 지원하며 클라우드 문서에서 심볼을 연결할 수 있습니다.
자세한 내용은 XD의 클라우드 문서 및 클라우드 문서를 사용하여 작업을 참조하십시오.
XD에 오브젝트를 세로 또는 가로로 뒤집을 수 있는 옵션이 도입되었습니다. 뒤집기는 아트보드, 반복 그리드 및 심볼을 제외한 모든 기본 요소에 사용할 수 있으며 적용 시 오브젝트의 현재 회전을 설명합니다.
자세한 내용은 오브젝트 뒤집기를 참조하십시오.
레이어 패널에서 검색 및 필터 기능을 사용하여 레이어 이름으로 검색하거나 텍스트, 모양 및 이미지 범주별로 레이어를 필터링할 수 있습니다. 검색 환경은 레이어 구조(예: 확장 그룹)를 배제하고 키워드가 포함된 관련 레이어 및 아트보드만 표시하도록 최적화되어 있습니다. 이는 아트보드 사이에서 자동으로 애니메이트되는 레이어를 사용할 때 유용합니다.
자세한 내용은 레이어를 사용하여 작업을 참조하십시오.
자세한 내용은 연결된 심볼 업데이트 미리보기를 참조하십시오.
| 이전 명칭 | 새로운 명칭 | 작업 과정 |
| NA | 문서 공유 | 검토 목적으로 클라우드 문서 공유 |
| 프로토타입 게시 | 검토 목적으로 공유 | 검토 목적으로 프로토타입 게시 및 공유 |
| 디자인 사양 게시 | 개발 목적으로 공유 | 검토 목적으로 개발자와 디자인 사양 게시 및 공유 |
| 게시된 링크 관리 | 링크 관리 | assets.adobe.com에서 링크 관리 |
| 비디오 녹화 | 비디오 녹화 | 자동 애니메이트를 사용하여 작업할 때 아트보드 사이의 인터랙션에 대한 비디오를 녹화합니다. 인터랙티브 프로토타입이 있는 경우 모든 인터랙션은 .mp4 파일로 녹화됩니다. |
자세한 내용은 프로토타입, 디자인 사양 및 클라우드 문서 공유, 인터랙티브 프로토타입 제작 및 Adobe XD에서 게시된 디자인 사양 사용을 참조하십시오.
Adobe Illustrator에서 XD로 복사 및 붙여넣기 기능이 개선되어 레이어의 시각적 충실도, 구조 및 효과가 Adobe Illustrator에서 디자인한 상태 그대로 유지됩니다. 이 작업 과정은 이제 Illustrator에서의 가져오기와 동등합니다.
Illustrator 및 Photoshop 콘텐츠 변환 시 새로운 옵션인 파일 > 가져오기 옵션을 사용하여 Photoshop 또는 Illustrator 콘텐츠를 기존 XD 문서에 추가할 수 있습니다. 변환 시 스마트 오브젝트는 병합되지 않고 완전히 편집 가능한 상태로 유지되며 Photoshop 조정 레이어가 그대로 보존됩니다.
자세한 내용은 외부 에셋을 사용하여 작업을 참조하십시오.
전체 화면 기본 모드를 포함하여 모바일 웹 브라우저에서 프로토타입을 조회할 때 몇 가지 개선 사항이 추가되었으며, 핀치 동작을 통해 내비게이션 화살표, 홈 버튼 및 프로토타입 정보가 표시되고 문제가 보고됩니다. 자세한 내용은 모바일 디바이스에서 미리보기를 참조하십시오.
이제 XD 또는 디자인 사양에서 .svg 요소를 내보낼 때 Android Studio에서 내보내는 SVG를 사용하는 경우와 같은 일반적인 개발 시나리오에 대한 스타일링 및 호환성을 개선해 주는 프레젠테이션 속성으로 내보낼 수 있습니다.
자세한 내용은 외부 에셋을 사용하여 작업을 참조하십시오.
이제 Adobe XD가 터치 스크린 Windows 디바이스, Mac 트랙패드, Wacom 태블릿, 터치패드 및 터치 링에서 선택한 오브젝트에 대한 두 손가락 회전 기능을 지원합니다.
웹 프로토타입 또는 디자인 사양을 열면 오른쪽 레일의 댓글 아이콘 위로 댓글 수와 함께 회색 마커가 표시됩니다. 이 숫자는 아트보드에서 해결되지 않은 댓글의 총 개수를 나타냅니다. 댓글을 새로 추가하거나 기존 댓글을 해결된 것으로 표시하면 댓글 수가 자동으로 업데이트됩니다.
자세한 내용은 프로토타입, 디자인 사양 및 클라우드 문서 공유 및 Adobe XD에서 게시된 디자인 사양 사용을 참조하십시오.
Adobe XD는 음성 명령을 사용하여 아트보드 사이에서 인터랙션을 트리거할 수 있도록 하는 사용이 간편한 솔루션을 제공합니다. 트리거로 클릭 또는 탭을 사용하는 방식과 마찬가지로 음성을 사용하여 프로토타입 인터랙션을 트리거하고 음성 재생을 트리거 액션으로 사용할 수 있습니다. 음성 재생을 통해 강력한 텍스트 음성 변환 엔진을 이용할 수 있으므로 음성 비서나 스마트 스피커와 같은 새로운 플랫폼을 디자인하는 데 유용합니다. 자세한 내용은 음성 디자인 및 프로토타이핑을 참조하십시오.
.gif "Auto-aminamte--1(source)")
자동 애니메이트를 통해 몰입형 애니메이션 전환으로 프로토타입을 쉽게 제작할 수 있습니다. 아트보드를 간단히 복제하고 크기, 위치, 회전 등의 오브젝트 속성을 수정하고 자동 애니메이트 액션을 적용하여 아트보드 간 애니메이션 전환을 만들 수 있습니다. 자동 애니메이트를 사용하려면 애니메이트하려는 오브젝트가 두 아트보드 간 동일한 레이어 이름을 가져야 합니다. 자세한 내용은 자동 애니메이트 기능을 사용하여 프로토타입 제작을 참조하십시오.
XD의 드래그 제스처는 터치 지원 디바이스의 드래그 경험을 시뮬레이션할 수 있도록 하여 자동 애니메이트 기능을 한 단계 더 발전시킵니다. 자세한 내용은 드래그 제스처 작동 방식을 참조하십시오.
지속적으로 증가하는 디자인 업무와 결부하여 조직 내에서 디자인 팀은 성장하므로 디자이너는 일관적이고 확장 가능한 디자인을 제작하기 위해 협력할 필요가 있습니다. 연결된 심볼을 사용하여 디자이너는 문서 전체에 걸쳐 심볼을 공유하고 항상 최신 상태를 유지할 수 있습니다.
연결된 심볼을 사용하여 UI 키트, 스티커 시트 또는 스타일 가이드에 대한 단일 소스를 만들고 유지 관리하며 다른 Adobe XD 문서에서 사용할 수 있습니다. 소스 문서에서 연결된 심볼을 수정하면 XD는 연결된 심볼의 인스턴스를 갖는 문서에 해당 업데이트 내용을 알립니다. 여기에서 변경 내용을 미리 살펴보고 이를 수락하거나 거부할 수 있습니다. 자세한 내용은 연결된 심볼을 사용하여 작업을 참조하십시오.
Adobe XD에서 작업 자동화, 다른 도구와의 통합, 디자인에서의 데이터 활용 등에 유용한 첫 번째 플러그인 시리즈가 출시됩니다. 여기에는 Slack, JIRA 및 Microsoft Teams를 포함하여 마켓에서 가장 인기가 좋은 공동 작업 및 생산성 앱과의 통합도 포함됩니다.
플러그인 사용을 시작하는 방법에 대한 자세한 내용은 XD용 플러그인을 참조하십시오.
Adobe XD 13.0부터 Illustrator의 레이아웃 디자인과 에셋을 Adobe XD 내에서 .ai 파일을 열어 전송할 수 있습니다. 이 새롭고 빠르고 편리한 작업 과정을 통해 레이어, 아트보드, 아트워크 및 벡터를 시각적으로 가장 정확하고 자연스럽게 매핑하여 에셋을 원활하게 이전하고 UX 프로세스의 다양한 단계에서 공동 작업 환경을 간소화할 수 있습니다. 자세한 내용은 XD에서 Illustrator 파일 열기를 참조하십시오.
기능 이점:
- 프로토타입의 Illustrator 에셋에 대한 원활한 사용: Illustrator에서 제작되었으며 자유롭게 편집 가능하고 시각적으로 정확한 레이어를 유지한 아이콘, 로고 및 기타 벡터 에셋을 XD로 보내고 UI 키트 또는 전체 라이브러리를 사용할 수 있습니다.
- 인터랙티브 디자인 제작을 위한 공동 작업: XD에서 Illustrator 파일을 열고 XD의 강력한 프로토타이핑 및 공동 작업 기능을 사용할 수 있습니다.
Adobe XD 13.0을 통해 XD 디자인(선택한 레이어 또는 전체 아트보드)을 After Effects로 간편하게 내보내어 맞춤형 UI 애니메이션과 세밀한 인터랙션을 만들 수 있습니다. 동일한 시각적 정확성으로 레이어, 아트보드, 아트워크 및 벡터를 원활하게 내보낼 수 있으며 After Effects의 강력한 플러그인 에코시스템을 사용하여 개발자와의 공동 작업을 원활하게 추진할 수 있습니다. 자세한 내용은 After Effects로 에셋 내보내기를 참조하십시오.
기능 이점:
- 애니메이션에 대한 완벽한 제어: 디자이너는 After Effects를 사용하여 맞춤형 애니메이션을 제작하거나 전환을 시험하거나 내 디자인의 비디오 에셋을 사용할 수 있습니다.
- 원활한 에셋 이전: 이 통합 기능을 통해 에셋을 빠르게 이전하고 레이어, 벡터 및 아트워크를 자연스럽게 매핑하여 디자인에서 맞춤형 애니메이션까지의 턴어라운드 속도를 더욱 높일 수 있습니다.
- 플러그인 활용: UX 디자인 프로세스에 맞춤화된 After Effects의 플러그인 에코시스템을 사용하여 애니메이션 및 개발자와의 공동 작업을 확장할 수 있습니다.
XD 13.0부터 Windows OS를 사용하는 디자이너는 USB 연결을 통해 iOS에서 디자인을 미리 볼 수 있습니다. 자세한 내용은 모바일 디바이스에서 미리보기를 참조하십시오.
Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.