Adobe XD의 새로운 기능

XD는 정기적으로 업데이트되고 있습니다. 새롭게 향상된 기능과 최신 기능을 보려면 여기에서 확인하십시오.

Adobe XD CC

암호로 보호된 프로토타입

프로토타입을 게시하고 검토자와 공유할 때 암호 보호를 추가할 수 있습니다(디자인 사양에서 제공 예정).

에셋 패널에서 필터링을 통해 검색

색상, 문자 스타일, 심볼별로 에셋을 신속하게 필터링할 수 있습니다. 검색을 통해 특정 글꼴 모음, Hex 값 또는 심볼을 찾을 수 있습니다.

에셋을 찾아 강조 표시

에셋 패널에서 "강조 표시"를 선택하여 캔버스에서 특정 색상, 문자 스타일 또는 심볼을 사용하는 모든 요소를 볼 수 있습니다. 캔버스에서 요소를 마우스 오른쪽 버튼으로 클릭하여 색상, 문자 스타일 또는 심볼을 표시할 수 있습니다.

Photoshop과의 긴밀한 통합

Photoshop 파일을 마우스 오른쪽 버튼으로 클릭하고 "XD에서 열기"를 선택하거나 파일을 XD 아이콘 위로 드래그하여 놓아(Mac만 해당) Photoshop 디자인을 XD로 손쉽게 가져올 수 있습니다.

향상된 Sketch 워크플로우

XD에서 Sketch 파일을 열면 높은 피델리티를 경험할 수 있습니다. 또한 이미지, 문자 스타일, 문서 견본 등의 색상 조정 내용을 그대로 유지할 수 있습니다. Sketch 파일을 마우스 오른쪽 버튼으로 클릭하고 "XD에서 열기"를 선택하거나 Sketch 파일을 XD 아이콘 위로 드래그하여 놓아(Mac만 해당) Sketch 파일을 XD로 가져올 수 있습니다.

최신 기능에 대한 자세한 내용

4월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›

Adobe XD CC

Photoshop과 손쉽게 연계

XD에서 PSD 파일을 열기만 하면 Photoshop 디자인과 에셋을 XD로 가져올 수 있습니다. 파일은 새로운 XD 파일로 자동으로 변환되므로 빠르고 손쉽게 디자인하고 프로토타이핑할 수 있습니다.
자세한 내용 ›

문서 간 심볼 복사

XD 문서 간에 심볼을 한 번에 복사하여 붙여넣을 수 있습니다. 심볼을 붙여넣은 후 수동으로 변환하지 않아도 됩니다.

그룹화된 요소의 스타일 지정

채우기, 획 등 그룹화된 요소의 속성을 손쉽게 변경하여 디자인 프로세스를 가속화할 수 있습니다.

스크롤 가능한 아트보드의 기능 강화

프로토타이핑할 때 속성 관리자로 이동하지 않고 캔버스에서 바로 스크롤 가능한 아트보드의 뷰포트를 빠르고 손쉽게 편집할 수 있습니다.

Sketch 파일 사용

Sketch 디자인과 에셋을 XD로 바로 가져올 수 있습니다. XD에서 Sketch 파일을 열면 XD 파일로 자동으로 변환되므로 디자인을 처음부터 새로 만들지 않아도 됩니다.
자세한 내용 ›

Adobe XD CC

CC Libraries에서 벡터 그래픽 가져오기

Creative Cloud Libraries에서 연결되어 있거나 연결되어 있지 않은 벡터 그래픽을 보고 XD로 드래그할 수 있습니다. Adobe Illustrator에서 아이콘, 일러스트레이션 등의 그래픽을 변경하면 CC Libraries를 통해 XD에서도 원활하게 업데이트됩니다.
자세한 내용 ›

스크롤 위치 유지

연결된 요소를 클릭할 때 상단에서 스크롤할 필요 없이 다음 화면에서 해당 위치를 유지할 수 있습니다.

Windows 10에서 펜 및 터치 지원

마우스 및 키보드와 함께 기본 펜 및 터치 기능을 사용하여 아트웍을 만들거나 프로토타입을 연결하고 레이어를 이동할 수 있습니다.

디자인 사양의 레이아웃 그리드

디자인 사양(베타) 웹 앱에서 레이아웃 그리드를 볼 수 있으므로 개발자는 여백이나 간격 폭과 같은 열 그리드 속성을 확인할 수 있습니다.

속성 관리자의 스포이드 툴

사용자 의견을 반영하여 색상을 손쉽게 샘플링할 수 있는 스포이드 툴을 속성 관리자에 다시 추가했습니다.

Adobe XD CC

서드파티 워크플로우와의 통합

Zeplin, Avocode, Sympli, ProtoPie, Kite Compositor 등과 같은 인기 있는 디자인 프로세스 툴과 함께 XD를 사용할 수 있습니다. XD에서 작업한 디자인을 자주 사용하는 툴로 가져와 개발자에게 빠르게 전달하고 고급 애니메이션을 만들 수 있습니다. Mac에서만 사용 가능합니다.

향상된 확대/축소 성능

10개 또는 1,000개 아트보드가 포함되어 있더라도 성능 저하 없이 캔버스를 확대/축소하면서 화면 간을 이동할 수 있습니다.
사용 방법 보기 ›

Dropbox에서 XD 파일 미리 보기

XD 파일을 다운로드하지 않고도 Dropbox에 저장되어 있는 XD 파일을 미리 볼 수 있습니다.
자세한 내용 ›

색상 모델 간 전환

색상 피커 드롭다운 메뉴에서 HEX, RGB, HSB 색상 모델 간을 신속하게 전환할 수 있습니다.

방사형 그레이디언트

방사형 그레이디언트를 만들고 적용하여 광원을 시뮬레이션하고 독특한 이미지 마스크를 만드는 등 다양한 작업을 할 수 있습니다. 그레이디언트는 단색 채우기에 있는 색상 피커에서 사용할 수 있습니다.

향상된 디자인 사양(베타)

치수 확인, UI 요소 간 이동 및 액세스, 마스크 레이어를 사용한 작업 등이 보다 빠르고 수월해졌습니다.

100%로 아트보드 표시

전체 화면 모드에서 공유 프로토타입의 디자인을 실제 크기로 볼 수 있습니다.

일괄 내보내기

파일 메뉴의 내보내기 옵션에 일괄 내보내기가 추가되었습니다. 레이어 패널에서 마우스 오른쪽 버튼을 클릭하여 일괄적으로 내보낼 오브젝트를 표시할 수 있습니다.
블로그에서 자세히 보기 ›

Adobe XD CC

텍스트에 밑줄 표시

키보드 단축키 또는 속성 관리자의 버튼을 사용하여 텍스트에 밑줄을 빠르게 적용할 수 있습니다. 기준선 아래에 있는 y, g 등이 포함된 문자에도 밑줄이 올바로 유지됩니다.

선 정렬 유형 옵션

사각형이나 원과 같은 닫힌 오브젝트에서 선 정렬 유형(내부, 외부, 가운데) 간을 전환하여 두께와 정렬을 수정하고 디자인의 모양을 제어할 수 있습니다.

Adobe Stock 라이선스 부여

Creative Cloud Libraries 창에서 Adobe Stock 래스터 이미지를 마우스 오른쪽 버튼으로 클릭하여 라이선스를 부여할 수 있습니다.

Photoshop에서 그래픽 편집

Creative Cloud Libraries 창에서 래스터 그래픽을 마우스 오른쪽 버튼으로 클릭하여 Photoshop에서 편집할 수 있습니다.

프로토타입의 추가 게시 옵션

핫스팟 힌트를 신속하게 활성화 및 비활성화하여 프로토타입에서 인터랙티브한 영역을 확인한 다음 게시하여 팀과 공유할 수 있습니다. 전체 화면에서 열기 모드로 설정하면 댓글 등 불필요한 요소가 없는 화면에서 확인할 수 있습니다.

향상된 디자인 사양(베타)

내비게이션 및 속성에 대한 유용한 사용자 팁과 향상된 기능을 사용하여 효율적으로 작업을 진행할 수 있습니다. 디자인 사양(베타)은 한국어, 영어, 프랑스어, 독일어, 일본어를 지원합니다.

이 외에도 많은 기능 제공

프로토타입 모드에서 확대/축소 툴 이용, 글꼴 크기에 대한 키보드 단축키 등이 포함되어 있습니다.
블로그에서 자세히 보기 ›

Adobe XD CC

디자인 사양(베타)

인터랙티브한 프로토타입에서 자동으로 생성된 디자인 사양의 링크를 개발자에게 전송하여 개발 프로세스의 시간을 단축할 수 있습니다. 사양에는 아트보드의 순서와 흐름, 색상, 문자 스타일 및 측정이 포함되어 있습니다(현재 영어로만 제공).
사용 방법 보기 ›

레이아웃 격자

여백과 간격이 있는 사용자 정의 가능한 열 격자를 사용하여 깔끔하고 일관성 있는 디자인을 만들 수 있고 요소 간의 비율을 유지할 수 있습니다. 속성 관리자에서 정사각형과 레이아웃 격자 간을 전환할 수 있습니다.

JPG 내보내기

XD에서 에셋과 아트보드를 JPG 포맷으로 손쉽게 내보낼 수 있습니다. 다른 앱에서 변환할 필요가 없습니다. 내보내기 품질을 1-100%의 범위에서 설정할 수 있습니다.

향상된 텍스트

클릭만으로 포인트 텍스트에서 영역 텍스트로 또는 그 반대로 전환할 수 있습니다. 새로운 텍스트 오브젝트를 만들면 글꼴 모음, 크기, 두께, 정렬 및 색상과 같은 마지막으로 사용된 텍스트 속성이 그대로 유지됩니다.

Windows 10용 릴리스의 기능 강화

Windows 10의 최신 업데이트를 사용하면 Windows에서 보다 빠르게 디자인할 수 있습니다. 두 손가락으로 터치하여 이동 및 확대/축소하거나 InDesign의 디자인 요소를 복사하여 XD로 붙여넣을 수 있고 외부 링크 파일로 SVG 파일을 가져올 수 있습니다.

이 외에도 많은 기능 제공

그레이디언트를 만들 때 색상 피커에서 스포이드를 사용하여 색상 정지점을 선택하는 기능, 에셋 패널을 사용할 때 색상을 샘플링하는 기능, 향상된 붙여넣기 기능 등이 포함되어 있습니다.
블로그에서 자세히 보기 ›

Adobe XD CC

인터랙티브한 프로토타입

한 번의 클릭으로 디자인 모드에서 프로토타입 모드로 전환하고 아트보드를 연결하여 멀티스크린 앱의 흐름과 패스를 전달할 수 있습니다. 특정 아트보드에 사용된 반복 그리드 셀과 같은 디자인 요소를 다른 아트보드에 연결할 수 있으며, 직관적인 시각적 컨트롤을 사용해 인터랙션을 추가함으로써 경험을 테스트하고 확인할 수 있습니다.

피드백을 위한 프로토타입 게시

공유 가능한 웹 링크를 생성하여 디자인에 대한 피드백을 얻거나 Behance 또는 웹 페이지에 포함시킬 수 있습니다. 검토자는 디자인의 프로토타입과 특정 부분에 바로 댓글을 달 수 있습니다. 댓글이 생성되면 알림을 받게 되며, 검토자는 브라우저를 새로 고침으로써 변경 내용을 확인할 수 있습니다.

빠르고 다양한 방식으로 아트보드 사용

하나의 아트보드는 물론 수백 개의 아트보드를 사용하더라도 XD는 빠른 성능을 일관되게 제공합니다. 다양한 화면과 디바이스에 맞게 디자인할 수 있고 빠른 이동 및 확대/축소가 가능합니다. 사전 설정 크기 중에서 선택하거나 직접 정의할 수 있고 디자인 요소의 배치를 그대로 유지하면서 아트보드 간에 복사할 수 있습니다.

반복 그리드

연락처 목록 또는 사진 갤러리와 같은 디자인의 항목을 선택하고 원하는 만큼 가로 또는 세로로 복제할 수 있습니다. 이때 모든 스타일과 간격은 그대로 유지됩니다. 요소를 업데이트하면 변경 내용이 모든 영역에 적용됩니다.

크로스 플랫폼 지원

Adobe XD는 Windows 10(Universal Windows Platform)과 Mac을 기본적으로 지원하고 Android 및 iOS용 모바일 앱을 포함하고 있습니다.

에셋 패널

심볼을 자동으로 포함하는 에셋 패널(이전 심볼 패널)에 색상, 문자 스타일을 추가하여 손쉽게 재사용할 수 있습니다. 패널에서 색상 또는 문자 스타일을 편집하면 변경 사항이 문서 전체에 반영됩니다.

새롭게 설계된 심볼

문서 전체에서 각 에셋 인스턴스를 찾고 편집하는 번거로움을 없애주는 재사용 가능한 디자인 요소인 심볼을 사용하여 시간을 절약할 수 있습니다. 하나의 심볼을 업데이트하여 모두 업데이트하거나 특정 인스턴스를 선택하여 덮어쓸 수 있습니다. 심볼은 벡터 그래픽, 래스터 이미지 또는 텍스트 오브젝트일 수 있으며 반복 그리드에서 오브젝트로 사용될 수 있습니다.

Creative Cloud Libraries

Creative Cloud Libraries와의 통합을 통해 Photoshop CC, Illustrator CC 및 다른 Creative Cloud 애플리케이션에서 만든 래스터 이미지, 색상, 문자 스타일을 XD 내에서 바로 액세스하여 적용할 수 있으며 문서의 아무 곳에나 재사용할 수 있습니다.

컨텍스트 기반의 속성 관리자

컨텍스트에 맞게 인식되는 속성 관리자 덕분에 보다 매끄럽게 작업할 수 있습니다. 속성 관리자에는 선택된 오브젝트의 옵션만 표시됩니다. 테두리 상자 및 두께, 채우기 색상, 음영, 흐림 효과, 불투명도, 회전 그리고 정렬, 크기 및 반복 그리드에 대한 액세스 옵션 등의 속성을 변경할 수 있습니다.

지능적인 캔버스 탐색

디자인의 특정 영역을 손쉽게 확대하거나 아트보드에서 원하는 영역을 선택하고 단축키를 사용하여 선택 영역을 바로 확대/축소할 수 있습니다. 마우스, 터치패드 또는 키보드 단축키를 사용하여 이동 및 확대/축소할 수 있습니다. 또한 수백 개의 아트보드를 사용하더라도 탁월한 성능을 경험할 수 있습니다.

컨텍스트 기반의 레이어

레이아웃에 대한 컨텍스트 기반의 접근 방식 덕분에 복잡한 디자인을 관리와 동시에 체계적으로 구성하고 집중할 수 있습니다. XD는 작업 중인 아트보드와 관련된 레이어만 강조 표시하므로 필요한 요소를 신속하고 빠르게 찾을 수 있습니다.

레이아웃 가이드 툴

그리드에 스냅 기능과 오브젝트 간 상대 치수를 만들고 모양으로 마스크를 만들거나 디자인 요소를 그룹으로 지정, 잠금, 정렬 및 배포할 수 있는 직관적인 레이아웃 툴을 사용하여 디자인 요소를 매끄럽게 그리고 재사용하며 혼합할 수 있습니다.

흐림 효과

특정 오브젝트나 전체 배경을 신속하게 흐리게 하여 디자인의 초점을 변경함으로써 심도와 차원을 포함시킬 수 있습니다.

유용한 선형 그레이디언트

색상 피커에서 간단하면서도 정확한 시각적 컨트롤을 사용하여 멋진 선형 그레이디언트를 만들 수 있습니다. 또한 Photoshop CC 및 Illustrator CC의 그레이디언트를 가져올 수 있습니다.

모던한 펜 툴

펜 툴을 사용하여 모양과 패스를 손쉽게 그릴 수 있습니다. 동일한 툴로 사용자 정의 패스를 사용하거나 고정점을 추가 또는 제거하고 선을 손쉽게 조작하거나 곡선 패스와 각진 패스 간을 전환할 수 있습니다.

불린 그룹 편집

원본을 훼손하지 않는 불린 연산자를 사용해 오브젝트 그룹을 결합하여 복잡한 모양을 만들어 다양하게 실험해 볼 수 있습니다.

타이포그래피 스타일 지정

정확한 컨트롤을 통해 텍스트에 스타일을 지정하여 사용자 경험을 향상시킬 수 있습니다. 글꼴, 서체, 크기, 정렬, 자간 및 행간과 같은 타이포그래피 요소를 손쉽게 조정할 수 있습니다. 불투명도, 채우기, 배경 흐림 효과 및 테두리와 같은 기타 요소를 변경하는 방식과 동일하게 텍스트의 모양을 변경할 수 있습니다.

간소화된 색상 제어

정확한 색상 값을 입력하거나 XD 내외에서 스포이드를 사용한 색상 샘플링을 통해 색상을 선택할 수 있습니다. 색상 견본을 만들어 저장하고 색상 피커에서 16진수 코드의 단축키를 사용할 수 있습니다.

UI 리소스

고품질의 유저 인터페이스 구성 요소를 사용하여 Apple iOS, Google Material Design, Microsoft Windows 디바이스용 디자인과 프로토타입을 바로 시작할 수 있습니다.

다른 디자인 앱에서 복사 및 붙여넣기

Photoshop CC 및 Illustrator CC의 아트웍을 XD로 가져올 수 있습니다.

컨텍스트 기반의 iOS 및 Android 미리 보기

실제 디바이스에서 디자인과 모든 인터랙션을 미리 볼 수 있습니다. 데스크탑에서 변경 사항을 적용한 다음 디바이스에서 해당 품질과 유용성을 테스트할 수 있습니다.

핫스팟 힌트

사용자가 인터랙티브한 영역과 클릭 가능한 영역을 구분할 수 있도록 프로토타입에서 핫스팟을 자동으로 강조 표시할 수 있습니다.

프로토타입 관리

동일한 파일에서 여러 URL을 생성하여 서로 다른 버전의 프로토타입을 공유할 수 있습니다. 제한 없이 프로토타입을 공유하고 Creative Cloud 계정에서 손쉽게 액세스하거나 삭제할 수 있습니다.

프로토타입 인터랙션을 비디오로 기록

미리 보는 장면을 MP4 파일로 기록하여 팀 또는 이해 관계자와 공유할 수 있습니다(Mac에만 해당).

아트웍, 에셋 및 아트보드 내보내기

PNG 및 SVG 포맷으로 이미지와 디자인을 내보낼 수 있으므로 iOS, Android, 웹 또는 맞춤 설정에 맞게 구성할 수 있습니다. 전체 아트보드 또는 개별 요소를 내보낼 수 있습니다. 또한 에셋 및 아트보드를 개별 PDF 파일 또는 하나의 PDF 파일로 내보내 공유할 수 있습니다.

여러 언어 지원

한국어를 비롯해 영어, 프랑스어, 독일어, 일본어가 지원됩니다.

댓글에 대한 이메일 알림

이해 관계자가 웹 프로토타입에 댓글을 달면 이메일 알림을 받게 됩니다. 하루 단위로 이메일을 개별적으로 또는 일괄적으로 전송할 수 있습니다.