진화, 개선, 반복의 산물. 최신 기능과 업데이트를 확인하세요.
새로운
기능
XD 모바일 앱의 새로운 보기 옵션
XD 모바일 앱(iOS 및 Android)에서 프로토타입을 미리 보고 화면의 높이 또는 폭에 맞게 크기를 조절할 수 있습니다.
CC Libraries 기능 강화
디자인 시스템을 공유하고 앱 간에 에셋으로 작업할 수 있으며 주요 버그 수정 및 향상된 성능과 함께 Creative Cloud Libraries의 다양한 기능을 이용할 수 있습니다.
공유된 플로우 확인
공유 모드의 플로우 옆에 있는 아이콘을 클릭하면 최신 버전의 게시된 링크를 클립보드로 복사할 수 있습니다.
3D 변형
3D 공간에서 오브젝트를 회전하거나 원근감 있게 표현하고, 입체감을 더하여 신속하게 리얼한 콘텐츠를 만들 수 있습니다.
공동 편집
공동 편집 기능은 더 이상 베타 버전이 아닙니다. 어디에서나 동일한 문서에서 실시간으로 협업할 수 있습니다.
자동 높이 텍스트
텍스트 레이어의 콘텐츠를 사용하여 폭이 고정된 상태에서 높이를 자동으로 조정할 수 있습니다.
중첩된 구성 요소
다른 구성 요소에서 구성 요소를 변경하면 필요한 컨텍스트에서만 변경 사항이 원활하게 동기화됩니다.
디자인 사양의 구성 요소 상태
모든 구성 요소의 각 상태에 대한 세부적인 보기를 통해 개발자는 전체 상황을 정확하게 파악할 수 있습니다.
향상된 Creative Cloud Libraries 통합
Creative Cloud Libraries의 색상, 구성 요소 등에 액세스할 수 있는 라이브러리 패널에서 바로 작업할 수 있습니다. 디자인 시스템을 라이브러리로 간편하게 만들고 팀과 공유할 수 있습니다.
프로토타입 와이어 표시 및 숨기기
프로토타입 모드에서 Option(macOS) 또는 Alt(Windows) 키를 눌러 파란색의 모든 프로토타입 와이어를 표시하거나 숨길 수 있습니다.
여러 플로우
하나의 XD 문서에서 여러 프로토타입 또는 인터랙션 플로우를 만든 다음 각 플로우의 공유 가능한 링크를 따로 게시할 수 있습니다.
디자인, 프로토타입, 공유 모드의 새로운 키보드 단축키
키보드 단축키로 모드 간을 전환할 수 있습니다. 디자인 모드는 ⌥+1(Mac) 또는 Alt+1(Windows), 프로토타입 모드는 ⌥/Alt+2, 공유 모드의 경우 ⌥/Alt+3을 누릅니다.
메인 구성 요소
구성 요소의 모든 인스턴스 스타일과 속성을 정의하는 구성 요소 명칭이 메인 구성 요소로 바뀌었습니다.
학습 탭
XD 내에서 튜토리얼, 동영상, 기술문서, 기타 리소스에 빠르게 액세스할 수 있습니다.
클라우드 문서 폴더
각 프로젝트 및 클라이언트별로 폴더를 만들어 클라우드 문서를 효율적으로 관리할 수 있습니다.
소셜 미디어 아트보드 사전 설정
Twitter, Facebook, Instagram 등 소셜 미디어 플랫폼용 디자인에 최적화된 새로운 아트보드 사전 설정을 선택할 수 있습니다.
디자인 토큰
디자인 사양에서 색상 및 문자 스타일에 사용자 정의 이름을 추가한 다음 개발자와 공유하면 팀원 모두가 공통의 기준에 따라 작업을 진행할 수 있습니다.
스크롤 그룹
디자인의 다른 영역에서 독립적으로 스크롤되는 영역을 정의하여 활동 피드, 회전식 이미지, 제품 목록 등을 만들 수 있습니다. 스크롤 그룹은 세로, 가로 또는 양방향으로 스크롤할 수 있습니다.
공유 링크 기능 강화
XD에서 만든 공유 링크에 대한 액세스 설정을 비공개에서 공개 또는 반대로 변경할 수 있으므로 새로운 링크를 만들 필요가 없습니다.
스택
디자인이 바뀌더라도 캔버스에서 오브젝트 간의 위치와 간격을 유지할 수 있습니다. 스택에 새로운 오브젝트를 추가하거나 스택에서 오브젝트의 순서를 변경하면 다른 설정이 자동으로 조정됩니다.
이탈리아어 및 러시아어 지원
XD는 이제 한국어, 영어, 프랑스어, 독일어, 일본어, 포르투갈어(브라질), 스페인 외에도 이탈리아어와 러시아어를 지원합니다.
오프라인을 지원하는 공동 편집
인터넷에 연결되어 있지 않을 때에도 공유 문서에서 작업할 수 있습니다. 변경한 내용은 인터넷에 연결하는 즉시 자동으로 다른 공동 작업자에게 표시됩니다.
공유 링크의 확대/축소 컨트롤
공유 링크를 통해 디자인을 볼 때 확대하거나 축소하여 확인할 수 있습니다. 확대/축소 컨트롤을 데스크탑과 모바일 브라우저에서 사용할 수 있습니다.
오디오 재생
트리거의 반응으로 사운드 효과와 기타 오디오 파일을 재생하는 새로운 액션을 사용하여 프로토타입에 사운드를 추가할 수 있습니다.
고정 링크
사용자가 동일한 아트보드에서 다른 지점으로 이동하도록 해주는 새로운 액션을 사용하여 프로토타입에 링크를 추가할 수 있습니다.
콘텐츠에 맞게 영역 텍스트의 크기 조정
영역 텍스트 상자의 아래쪽 크기 조정 핸들을 두 번 클릭하여 안에 있는 텍스트에 맞게 상자 높이를 자동으로 조정할 수 있습니다.
비공개 공유 링크의 수신자가 읽기 전용 권한을 유지한 상태에서 다른 검토자와 다시 공유할 수 있습니다.
탭 트리거의 다양한 액션
XD에서 프로토타이핑할 때 탭 트리거의 반응으로 전환 액션(예: 전환, 자동 애니메이트, 오버레이)과 비전환 액션(예: 오디오 재생, 음성 재생) 모두 추가할 수 있습니다.
macOS 음성 컨트롤 지원
받아쓰기 및 음성 명령을 사용하여 XD 디자인과 프로토타이핑 기능을 이용할 수 있습니다.
하트 모양
다각형 툴을 사용하여 하트 모양을 만들 수 있습니다. 코너 카운트 필드에 "<3"을 입력하면 다각형이 하트 모양으로 변환됩니다.
그룹 공유
Adobe Creative Cloud for enterprise 고객은 조직의 주소록에서 그룹 및 배포 목록을 XD에 동기화한 다음 편집자를 클라우드 문서로 초대하거나 비공개 공유 링크에 대한 이용 권한을 제공할 때 이러한 그룹을 선택할 수 있습니다.
모든 아트보드 게시
프로토타입 모드에서 홈 아트보드의 설정을 해제하면 캔버스에 있는 모든 아트보드를 연결 유무에 상관없이 공유 링크로 게시할 수 있습니다.
별 비율
다각형 툴을 사용하여 디자인에 별 모양을 추가할 수 있습니다. 캔버스 또는 속성 관리자에서 별 비율을 조정하여 고정점을 그리고 모양을 만들면 됩니다.
XD 플러그인 API의 드래그 앤 드롭
향상된 플러그인 API를 사용하면 플러그인 패널에서 플러그인의 에셋을 디자인 캔버스에 드래그하여 놓을 수 있습니다. 플러그인의 드래그 앤 드롭 지원을 추가하려면 개발자 설명서를 참조하십시오.
내용 인식 레이아웃
번거로운 수동 작업 없이 자주 사용하는 UI 디자인 요소를 신속하게 만들 수 있습니다. 내용 인식 레이아웃의 첫 릴리스에서는 그룹의 패딩을 제어하고 그룹의 레이아웃을 변경하더라도 값을 유지할 수 있습니다.
공유 기능 강화
하나의 아트보드를 선택하고 공유 모드에서 공유 링크에 게시할 수 있습니다.
공동 편집 (베타)
다른 디자이너와 실시간으로 협업할 수 있습니다. 공동 편집을 통해 팀원이 동일한 문서에서 동시에 작업할 수 있으므로, 작업 시간을 단축하고 중복되거나 상충되지 않게 효율적으로 작업할 수 있습니다.
마우스 오버 트리거
프로토타입에 새로운 차원의 인터랙티브 요소를 가져올 수 있습니다. 프로토타입 모드에서 새로운 마우스 오버 트리거를 사용하여 사용자가 특정 디자인 요소 위에 커서를 놓을 때 적용 가능한 인터랙션을 지정할 수 있습니다.
문서 내역
문서 편집 과정을 시간 경과에 따라 확인할 수 있습니다. 문서 내역을 통해 이전에 저장된 문서 버전을 찾고, 특정 버전을 책갈피로 표시하거나 이름을 지정하고, 새 창에서 문서를 열어 변경 사항을 확인할 수 있습니다.
다양한 인터랙션
중복 작업 없이 다양한 사용자 입력에 맞게 디자인할 수 있습니다. 프로토타입 모드에서 하나의 요소에서 여러 와이어를 드래그하여 다양한 입력에 대한 인터랙션을 추가할 수 있습니다. 예를 들어 아트보드를 복제하지 않고도 "탭" 또는 "드래그"에 대한 액션을 추가할 수 있습니다.
공유 모드
피드백을 받거나 작업을 선보이고 개발자와 공유할 수 있습니다. 새로운 공유 모드를 사용하여 디자인의 공유 링크를 동기화하거나, 공유된 아트보드와 사용 흐름을 확인하고 암호 요구 사항과 같은 설정을 구성할 수 있습니다.
구성 요소 상태
인터랙티브 요소를 간편하게 프로토타입에 추가할 수 있습니다. 구성 요소 상태를 사용하여 마우스 오버 상태 또는 눌러진 상태와 같은 여러 시나리오를 위한 다양한 버전의 구성 요소를 디자인할 수 있습니다. 프로토타입 모드에서도 구성 요소 상태를 사용할 수 있습니다.
향상된 Creative Cloud Libraries 통합
XD에서 바로 Creative Cloud Libraries의 에셋을 사용할 수 있습니다. 라이브러리에서 에셋에 액세스하여 사용하거나, XD에서 라이브러리로 에셋을 업로드할 수 있습니다.
향상된 플러그인 관리자
플러그인을 사용하여 XD를 최대한 활용할 수 있습니다. 향상된 플러그인 관리자를 사용하여 플러그인을 검색하거나 찾아보고, 스크린샷과 등급을 통해 프로파일을 자세하게 확인할 수 있으며, 워크플로우에 사용할 플러그인을 설치할 수 있습니다.
혼합 모드
밝게 또는 곱하기와 같은 사전 설정 혼합 알고리즘으로 선택된 레이어와 색상을 함께 혼합하는 혼합 모드를 사용하면 디자인의 이미지와 그래픽을 향상시킬 수 있습니다. 혼합 모드는 다른 툴에서 가져올 때 그대로 유지됩니다.
이동 및 크기 조정을 위한 키보드 단축키
키보드 단축키를 사용하여 오브젝트를 빠르게 이동하고 크기를 조정할 수 있습니다. Shift 키(또는 Cmd 키)를 누른 상태에서 화살표 키를 사용하여 요소의 크기와 위치를 정확하게 제어하고 레이아웃 그리드에 스냅할 수 있습니다.
캔버스의 겹쳐진 레이어에서 선택
키보드의 조합 키를 사용하여 커서 아래의 모든 레이어에서 선택할 수 있습니다. 캔버스에서 숨겨진 레이어 또는 하단 레이어의 선택이 가능합니다.
디자인 사양에서 하단 레이어 선택
직접 클릭할 수 없는 경우에도 디자인에서 특정 레이어를 손쉽게 선택할 수 있습니다. 디자인 사양에서 아트보드를 마우스 오른쪽 버튼으로 클릭하면 레이어의 전체 목록을 확인할 수 있습니다.
플러그인 패널
XD 인터페이스에서 자주 사용하는 플러그인에 액세스할 수 있습니다. 플러그인 패널을 통해 워크플로우 중단 없이 손쉽게 새로운 기능을 이용하고 다른 앱과 서비스를 간편하게 연결할 수 있습니다.
디자인 사양에 포함되는 CSS 코드 조각
디자인 사양에 자동으로 생성된 CSS 코드 조각이 포함되어 개발자가 코드에 직접 복사하여 붙여넣을 수 있게 됨으로써 보다 손쉽게 디자인 비전을 실현할 수 있습니다.
Photoshop에서 편집
XD에 있는 이미지를 Photoshop에서 열고 편집할 수 있습니다. 편집을 마치고 "저장"을 누르면 이미지가 실시간으로 XD에서 자동으로 업데이트됩니다.
구성 요소 바인딩 강화
커뮤니티의 피드백을 바탕으로 구성 요소 바인딩의 정의 방법을 변경하고 구성 요소의 크기 조정 및 정렬을 수월하게 하도록 했습니다.
통합된 개발 링크
프로토타입 인터랙션과 디자인 사양이 포함된 하나의 링크를 개발자와 공유하여 디자인 의도를 명확하게 전달함으로써 작업 시간을 절약할 수 있습니다.
공유된 링크의 그리드 보기
새로운 그리드 보기를 사용하여 공유된 프로토타입 또는 디자인 사양 링크로 빠르게 이동할 수 있습니다. 이해관계자가 손쉽게 프로젝트의 모든 아트보드를 확인할 수 있고 특정 화면으로 바로 이동하여 연결된 아트보드 또는 실제 아트보드 콘텐츠를 볼 수 있습니다.
문서 상태 확인
다른 디자이너가 동일한 문서에서 작업 중인지 여부를 확인할 수 있으므로 상충되는 편집과 중복 작업을 방지할 수 있습니다. 팀원의 아바타가 XD에 표시되면 동일한 문서가 열려 있음을 의미합니다.
모바일 디바이스에서 댓글 추가
이해관계자가 공유된 웹 프로토타입을 모바일 디바이스에서 손쉽게 검토하고 댓글을 추가할 수 있습니다.
