Adobe XD의 새로운 기능
오프라인을 지원하는 공동 편집
인터넷에 연결되어 있지 않을 때에도 공유 문서에서 작업할 수 있습니다. 변경한 내용은 인터넷에 연결하는 즉시 자동으로 다른 공동 작업자에게 표시됩니다.
공유 링크의 확대/축소 컨트롤
공유 링크를 통해 디자인을 볼 때 확대하거나 축소하여 확인할 수 있습니다. 확대/축소 컨트롤을 데스크탑과 모바일 브라우저에서 사용할 수 있습니다.
최신 기능에 대한 자세한 내용
5월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
오디오 재생
트리거의 반응으로 사운드 효과와 기타 오디오 파일을 재생하는 새로운 액션을 사용하여 프로토타입에 사운드를 추가할 수 있습니다.
고정 링크
사용자가 동일한 아트보드에서 다른 지점으로 이동하도록 해주는 새로운 액션을 사용하여 프로토타입에 링크를 추가할 수 있습니다.
콘텐츠에 맞게 영역 텍스트의 크기 조정
영역 텍스트 상자의 아래쪽 크기 조정 핸들을 두 번 클릭하여 안에 있는 텍스트에 맞게 상자 높이를 자동으로 조정할 수 있습니다.
탭 트리거의 다양한 액션
XD에서 프로토타이핑할 때 탭 트리거의 반응으로 전환 액션(예: 전환, 자동 애니메이트, 오버레이)과 비전환 액션(예: 오디오 재생, 음성 재생) 모두 추가할 수 있습니다.
공유 기능 강화
비공개 공유 링크의 수신자가 읽기 전용 권한을 유지한 상태에서 다른 검토자와 다시 공유할 수 있습니다.
최신 기능에 대한 자세한 내용
3월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
macOS 음성 컨트롤 지원
받아쓰기 및 음성 명령을 사용하여 XD 디자인과 프로토타이핑 기능을 이용할 수 있습니다.
그룹 공유
Creative Cloud for enterprise 고객은 조직의 주소록에서 그룹 및 배포 목록을 XD에 동기화한 다음 편집자를 클라우드 문서로 초대하거나 비공개 공유 링크에 대한 이용 권한을 제공할 때 이러한 그룹을 선택할 수 있습니다.
모든 아트보드 게시
프로토타입 모드에서 홈 아트보드의 설정을 해제하면 캔버스에 있는 모든 아트보드를 연결 유무에 상관없이 공유 링크로 게시할 수 있습니다.
하트 모양
다각형 툴을 사용하여 하트 모양을 만들 수 있습니다.
최신 기능에 대한 자세한 내용
2월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
내용 인식 레이아웃
번거로운 수동 작업 없이 자주 사용하는 UI 디자인 요소를 신속하게 만들 수 있습니다. 내용 인식 레이아웃의 첫 릴리스에서는 그룹의 패딩을 제어하고 그룹의 레이아웃을 변경하더라도 값을 유지할 수 있습니다.
XD 플러그인 API의 드래그 앤 드롭
향상된 플러그인 API를 사용하면 플러그인 패널에서 플러그인의 에셋을 디자인 캔버스에 드래그하여 놓을 수 있습니다. 플러그인의 드래그 앤 드롭 지원을 추가하려면
개발자 설명서를 참조하십시오.
별 비율
다각형 툴을 사용하여 디자인에 별 모양을 추가할 수 있습니다. 캔버스 또는 속성 관리자에서 별 비율을 조정하여 고정점을 그리고 모양을 만들면 됩니다.
공유 기능 강화
하나의 아트보드를 선택하고 공유 모드에서 공유 링크에 게시할 수 있습니다.
최신 기능에 대한 자세한 내용
1월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
공동 편집 (베타)
다른 디자이너와 실시간으로 협업할 수 있습니다. 공동 편집을 통해 팀원이 동일한 문서에서 동시에 작업할 수 있으므로, 작업 시간을 단축하고 중복되거나 상충되지 않게 효율적으로 작업할 수 있습니다.
구성 요소 상태
인터랙티브 요소를 간편하게 프로토타입에 추가할 수 있습니다. 구성 요소 상태를 사용하여 마우스 오버 상태 또는 눌러진 상태와 같은 여러 시나리오를 위한 다양한 버전의 구성 요소를 디자인할 수 있습니다. 프로토타입 모드에서도 구성 요소 상태를 사용할 수 있습니다.
문서 작업 내역
문서 편집 과정을 시간 경과에 따라 확인할 수 있습니다. 문서 작업 내역을 통해 이전에 저장된 문서 버전을 찾고, 특정 버전을 책갈피로 표시하거나 이름을 지정하고, 새 창에서 문서를 열어 변경 사항을 확인할 수 있습니다.
마우스 오버 트리거
프로토타입에 새로운 차원의 인터랙티브 요소를 가져올 수 있습니다. 프로토타입 모드에서 새로운 마우스 오버 트리거를 사용하여 사용자가 특정 디자인 요소 위에 커서를 놓을 때 적용 가능한 인터랙션을 지정할 수 있습니다.
다양한 인터랙션
중복 작업 없이 다양한 사용자 입력에 맞게 디자인할 수 있습니다. 프로토타입 모드에서 하나의 요소에서 여러 와이어를 드래그하여 다양한 입력에 대한 인터랙션을 추가할 수 있습니다. 예를 들어 아트보드를 복제하지 않고도 “탭” 또는 “드래그”에 대한 액션을 추가할 수 있습니다.
향상된 플러그인 관리자
플러그인을 사용하여 XD를 최대한 활용할 수 있습니다. 향상된 플러그인 관리자를 사용하여 플러그인을 검색하거나 찾아보고, 스크린샷과 등급을 통해 프로파일을 자세하게 확인할 수 있으며, 워크플로우에 사용할 플러그인을 설치할 수 있습니다.
공유 모드
피드백을 받거나 작업을 선보이고 개발자와 공유할 수 있습니다. 새로운 공유 모드를 사용하여 디자인의 공유 링크를 동기화하거나, 공유된 아트보드와 사용 흐름을 확인하고 암호 요구 사항과 같은 설정을 구성할 수 있습니다.
향상된 Creative Cloud Libraries 통합
XD에서 바로 Creative Cloud Libraries의 에셋을 사용할 수 있습니다. 라이브러리에서 에셋에 액세스하여 사용하거나, XD에서 라이브러리로 에셋을 업로드할 수 있습니다.
최신 기능에 대한 자세한 내용
11월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
혼합 모드
밝게 또는 곱하기와 같은 사전 설정 혼합 알고리즘으로 선택된 레이어와 색상을 함께 혼합하는 혼합 모드를 사용하면 디자인의 이미지와 그래픽을 향상시킬 수 있습니다. 혼합 모드는 다른 툴에서 가져올 때 그대로 유지됩니다.
이동 및 크기 조정을 위한 키보드 단축키
키보드 단축키를 사용하여 오브젝트를 빠르게 이동하고 크기를 조정할 수 있습니다. Shift 키(또는 Cmd 키)를 누른 상태에서 화살표 키를 사용하여 요소의 크기와 위치를 정확하게 제어하고 레이아웃 그리드에 스냅할 수 있습니다.
캔버스의 겹쳐진 레이어에서 선택
키보드의 조합 키를 사용하여 커서 아래의 모든 레이어에서 선택할 수 있습니다. 캔버스에서 숨겨진 레이어 또는 하단 레이어의 선택이 가능합니다.
디자인 사양에서 하단 레이어 선택
직접 클릭할 수 없는 경우에도 디자인에서 특정 레이어를 손쉽게 선택할 수 있습니다. 디자인 사양에서 아트보드를 마우스 오른쪽 버튼으로 클릭하면 레이어의 전체 목록을 확인할 수 있습니다.
최신 기능에 대한 자세한 내용
10월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
Adobe XD
Photoshop에서 편집
XD에 있는 이미지를 Photoshop에서 열고 편집할 수 있습니다. 편집을 마치고 "저장"을 누르면 이미지가 실시간으로 XD에서 자동으로 업데이트됩니다.
플러그인 패널
XD 인터페이스에서 자주 사용하는 플러그인에 액세스할 수 있습니다. 플러그인 패널을 통해 워크플로우 중단 없이 손쉽게 새로운 기능을 이용하고 다른 앱과 서비스를 간편하게 연결할 수 있습니다.
디자인 사양에 포함되는 CSS 코드 조각
디자인 사양에 자동으로 생성된 CSS 코드 조각이 포함되어 개발자가 코드에 직접 복사하여 붙여넣을 수 있게 됨으로써 보다 손쉽게 디자인 비전을 실현할 수 있습니다.
구성 요소 바인딩 강화
커뮤니티의 피드백을 바탕으로 구성 요소 바인딩의 정의 방법을 변경하고 구성 요소의 크기 조정 및 정렬을 수월하게 할 수 있도록 했습니다.
최신 기능에 대한 자세한 내용
8월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
Adobe XD
통합된 개발 링크
프로토타입 인터랙션과 디자인 사양이 포함된 하나의 링크를 개발자와 공유하여 디자인 의도를 명확하게 전달함으로써 작업 시간을 절약할 수 있습니다.
공유된 링크의 그리드 보기
새로운 그리드 보기를 사용하여 공유된 프로토타입 또는 디자인 사양 링크로 빠르게 이동할 수 있습니다. 이해 관계자가 손쉽게 프로젝트의 모든 아트보드를 확인할 수 있고 특정 화면으로 바로 이동하여 연결된 아트보드 또는 실제 아트보드 콘텐츠를 볼 수 있습니다.
문서 상태 확인
다른 디자이너가 동일한 문서에서 작업 중인지 여부를 확인할 수 있으므로 상충되는 편집과 중복 작업을 방지할 수 있습니다. 팀원의 아바타가 XD에 표시되면 동일한 문서가 열려 있음을 의미합니다.
모바일 디바이스에서 댓글 추가
이해 관계자가 공유된 웹 프로토타입을 모바일 디바이스에서 손쉽게 검토하고 댓글을 추가할 수 있습니다.
최신 기능에 대한 자세한 내용
7월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
Adobe XD
플러그인 패널
XD에서 바로 플러그인에 액세스하여 작업이 가능합니다. 설치된 모든 플러그인은 한 곳에 표시되어 언제든지 추가할 수 있습니다.
Jira 2.0용 XD
새로운 통합 기능을 통해 아트보드 또는 아바타 수 등의 XD 문서 정보를 Jira에서도 확인할 수 있으므로 공동 작업이 더욱 수월해집니다.
텍스트 요소 추가
디자인에 위 첨자와 아래 첨자를 추가하여 상표, 저작권 등의 텍스트 심볼을 만들 수 있습니다.
속성 관리자 강화
프로토타입 모드에서 속성 관리자를 지원하므로 선택한 오브젝트의 속성 옵션을 확인하고 여러 아트보드에서 대량의 작업을 수행할 수 있습니다.
최신 기능에 대한 자세한 내용
6월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
Adobe XD
디자인 시스템 구축 및 유지
연결된 에셋, 구성 요소(이전 심볼), 실시간 공유 및 업데이트 가능한 클라우드 문서를 사용하여 팀원 모두가 동시에 디자인 작업을 할 수 있습니다.
재정의 가능한 구성 요소
구성 요소를 사용하여 디자인 요소의 다양한 버전을 빠르고 손쉽게 만들 수 있습니다. 구성 요소 사이에 공통으로 속성을 적용하거나 개별적으로 속성을 변경할 수 있습니다.
구성 요소의 반응형 크기 조정
구성 요소의 그룹을 해제하지 않아도 여러 아트보드에 맞게 크기를 조정할 수 있습니다. 디자인 캔버스의 오브젝트 그룹과 마찬가지로, 구성 요소에도 반응형 크기 조정 기능을 사용할 수 있습니다.
연결된 에셋
자신의 XD 클라우드 문서 또는 공유된 XD 클라우드 문서에서 구성 요소, 색상, 문자 스타일을 최근 문서로 가져올 수 있습니다. 변경 사항이 발생하면 알림을 받게 되므로 업데이트를 수락하거나 무시할 수 있습니다.
키보드 및 게임 패드 트리거
키보드와 게임 패드 트리거를 사용하여 실감 나는 프로토타입을 구현할 수 있습니다. 키보드와 Xbox One 및 DualShock 4 컨트롤러를 사용하여 프로토타입과의 인터랙션이 가능합니다.
아트보드 안내선
아트보드의 상단 또는 왼쪽에서 안내선을 드래그하면 됩니다. 여러 아트보드에 안내선을 손쉽게 복사하여 붙여넣을 수 있으므로 요소를 일관되게 정렬하고 배치할 수 있습니다.
다각형 툴
XD에서 직접 다양한 모양(삼각형, 오각형, 육각형 등)을 빠르게 만들 수 있습니다.
문자 컨트롤 강화
XD 디자인 애플리케이션과 웹 및 모바일 미리보기에서 대문자, 소문자, 단어의 첫 글자를 대문자로 설정, 취소선 등을 지원합니다.
프로토타입의 음성 알림
프로토타입이 음성 명령에 응답하지 않는 경우 데스크탑 미리보기 앱에서 해당 인터랙션을 해결할 수 있습니다. Adobe XD에서 인식하는 음성을 시각적으로 미리 볼 수 있습니다.
비공개 프로토타입 및 디자인 사양에 대한 액세스 권한 요청
비공개로 공유된 프로토타입 또는 디자인 사양에 대한 액세스 권한을 요청하면 언제 어디서나 작업이 가능합니다. 소유자는 액세스 권한을 승인 또는 거부할 수 있습니다.
최신 기능에 대한 자세한 내용
5월 릴리스에 대한 자세한 내용을 확인하시기 바랍니다.
자세한 내용 ›
Adobe XD
Illustrator에서 편집 가능한 벡터
XD에서 Illustrator로 벡터 콘텐츠를 복사하여 붙여넣을 때 픽셀로 변환되지 않고 편집 가능한 상태로 그대로 유지됩니다.
다양한 그룹의 오브젝트 선택
다양한 그룹의 여러 오브젝트를 선택하고, 공유하는 속성을 속성 관리자에서 손쉽게 변경할 수 있습니다. ⌘+Shift+클릭(Mac) 또는 Ctrl+Shift+클릭(Win)하면 됩니다.
웹 브라우저에서 드래그 제스처 확인
브라우저에서 프로토타입과 디자인 사양을 볼 때 드래그 제스처 애니메이션을 확인할 수 있습니다.
사용성 테스트 제어
웹 프로토타입에서 내비게이션 컨트롤을 비활성화하고 사용자 테스트 관리를 강화하는 환경을 만들 수 있습니다.
내보내기용으로 표시
Photoshop 및 Illustrator에서 이미지를 가져올 때 오브젝트가 자동으로 내보내기용으로 표시됩니다. 또한 아트보드에서 오브젝트를 선택하고 속성 관리자에서 내보내기용으로 표시하거나 마우스 오른쪽 버튼을 누르면 나타나는 메뉴를 사용할 수 있습니다.
글꼴 관리 강화
누락된 글꼴로 인한 번거로운 작업이 손쉽게 해결됩니다. XD 문서를 열면 Adobe Fonts가 자동으로 활성화됩니다. 또한 누락된 다른 글꼴을 문서에서 손쉽게 확인할 수 있으므로 일괄적으로 바꿀 수 있습니다.
Jira와의 통합 강화
디자인에서 개발에 이르는 과정이 더욱 빨라집니다. Jira Software Cloud 외에도 Jira Software Server 및 Jira Software Data Center에서 공유 XD 디자인에 액세스할 수 있습니다.
자세한 내용 ›
최신 기능에 대한 자세한 내용
3월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
스포이드 단축키
오브젝트의 색상 변경이 더욱 수월해졌습니다. 캔버스에서 오브젝트를 선택하고 키보드에서 "i"를 누르면 한 번의 클릭으로 스포이드를 이용할 수 있습니다.
오디오가 포함된 인터랙션 녹화
데스크탑 미리보기 앱을 사용하여 클릭에 따른 상호 작용과 함께 자신의 음성을 녹음하고 MP4 파일로 공유할 수 있습니다(Mac만 해당).
다국어 지원
Adobe XD는 한국어, 영어, 프랑스어, 독일어, 일본어 외에도 포르투갈어(브라질)와 스페인어도 지원합니다.
최신 기능에 대한 자세한 내용
2월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
브라우저에서 자동 애니메이트
2018년 10월에 추가된 자동 애니메이트 기능이 브라우저에서 지원됨에 따라 프로토타입에서 아트보드 간의 애니메이션을 미리 볼 수 있습니다.
여러 아트보드에 있는 모든 댓글 보기
댓글 패널에서 "모든 댓글 보기"를 선택하면 여러 아트보드에 있는 이해 관계자의 피드백을 확인할 수 있습니다. 프로토타입 또는 디자인 사양에서 댓글을 클릭하면 해당 아트보드가 표시되고 답글을 남기거나 문제를 해결하고 삭제할 수 있습니다.
음성 언어 및 악센트 지원
음성 명령과 음성 재생을
Adobe XD에서 지원하는 모든 언어에서 이용할 수 있습니다. 음성 감지는 악센트에 맞게 최적화되어 있습니다. 또한 음성 재생에서는 지역에 따라 악센트가 있는 다양한 음성을 제공합니다.
최신 기능에 대한 자세한 내용
1월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
자동 저장
작업을 클라우드 문서로 저장해 두면 Adobe XD에서 자동으로 업데이트되므로 작업을 잃어버릴 염려가 없습니다.
어디에서나 작업
XD에서 공유 문서를 비롯한 모든 문서를 신속하게 찾을 수 있습니다. 클라우드 문서로 저장하면 모든 디바이스에서 액세스할 수 있습니다.
더욱 빨라진 공유
문서를 클라우드 문서로 저장하면 공동 작업자 및 팀원과 보다 빠르게 문서를 공유할 수 있습니다.
레이어 패널에서 검색
특정 에셋을 찾거나 텍스트, 모양 및 이미지 범주별로 필터링할 수 있으므로 레이어를 사용한 작업이 더욱 수월합니다.
오브젝트 뒤집기
디자인 캔버스에서 오브젝트를 가로, 세로 또는 양방향으로 뒤집을 수 있습니다. 뒤집기 옵션 간을 전환할 수 있으므로 디자인 작업이 더욱 빨라집니다.
연결된 심볼 업데이트
파일을 업데이트하기 전에 캔버스에서 연결된 심볼의 디자인 변경 사항을 미리 볼 수 있습니다.
향상된 모바일 보기
모바일 디바이스에서 프로토타입을 전체 화면 보기로 볼 수 있고 이전, 다음, 홈 버튼을 사용하여 아트보드 간 이동을 보다 손쉽게 할 수 있습니다.
가져오기 컨트롤 강화
Photoshop 및 Illustrator에서 만든 스마트 오브젝트를 Adobe XD에서 편집 가능한 요소로 변환하면 편집 대상의 완벽한 제어가 가능합니다. 파일 > 가져오기 또는 파일 > 열기를 선택하면 됩니다.
최신 기능에 대한 자세한 내용
12월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
음성 트리거 및 음성 재생
프로토타입과의 인터랙션이 혁신적으로 바뀌었습니다. 음성 트리거와 음성 재생을 사용하면 화면에서 벗어나 사용자 경험을 향상시킬 수 있습니다.
자세한 내용 ›
플러그인
개발자 커뮤니티에서 만든 다양한 플러그인을 사용하여 워크플로우와 통합을 위한 Adobe XD의 기능을 확장할 수 있습니다. 앱에서 이러한 플러그인을 손쉽게 검색하고 관리하여 작업을 자동화하거나 다른 툴과 통합하고 데이터를 사용해 디자인하는 등 다양한 작업을 할 수 있습니다.
플러그인 보기 ›
앱 통합
Adobe XD는 Slack, JIRA, Microsoft Teams 등 사용자에게 익숙한 다수의 협업 및 생산성 앱과 통합되어 있습니다.
앱 통합 보기 ›
자동 애니메이트
아트보드에서 미세한 인터랙션에 자동으로 애니메이션을 적용할 수 있습니다. 요소를 복제하고 속성(예: 크기, 위치, 색상 등)을 변경하면 XD에서 원래 요소와 바뀐 요소의 차이점을 식별하여 애니메이션을 자동으로 생성합니다.
자세한 내용 ›
연결된 심볼
한 문서에서 복사한 심볼을 프로토타입에 붙여넣으면 심볼의 연결 상태가 유지되므로 변경 사항을 최신 상태로 간편하게 유지할 수 있습니다. 소스 파일이 변경되면 알림을 수신하게 되고 업데이트를 반영할지 여부를 선택할 수 있습니다.
자세한 내용 ›
Illustrator와 손쉽게 연계
Adobe Illustrator 디자인과 에셋을 Adobe XD로 신속하게 가져올 수 있습니다. XD에서 Illustrator 파일을 열면 아트보드, 레이어, 편집 가능한 상태를 그대로 유지하면서 새로운 XD 파일로 자동 변환됩니다.
자세한 내용 ›
After Effects로 내보내기
디자인을 내보내 업계를 대표하는 애니메이션 툴인 Adobe After Effects에서 애니메이션을 더 세밀하게 편집할 수 있습니다.
자세한 내용 ›
프로토타입에 드래그 제스처 추가
프로토타입에 드래그 제스처를 추가하여 카드나 화면을 드래그하는 것과 같은 사용자 경험을 시뮬레이션할 수 있습니다.
자세한 내용 ›
새로워진 홈 화면
플러그인, UI 키트, 앱 간의 통합 등을 한 화면에서 이용할 수 있습니다.
이 외에도 많은 기능 제공
10월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
반응형 크기 조정
다양한 크기의 화면에 맞게 아트보드에서 오브젝트 그룹의 크기를 손쉽게 변경할 수 있고 배치와 비율을 유지할 수 있습니다. Adobe Sensei AI 및 머신 러닝 기반의 XD는 개별 요소 간의 거리를 바탕으로 배치를 자동으로 계산합니다.
타이밍 조정이 가능한 전환
아트보드 간의 전환 타이밍을 보다 세밀하게 제어할 수 있습니다. 자동 페이드 효과, 스피너, 로더, 진행률 막대 등의 지연을 사용하여 루프 애니메이션을 만들 수 있습니다.
맞춤법 검사
XD에서 디자인하는 동안 영문 맞춤법 오류를 즉시 발견할 수 있습니다.
전체 화면의 프로토타입
브라우저에 표시되는 웹 프로토타입에 향상된 전체 화면 옵션이 포함되어 실제 크기로 디자인을 확인할 수 있으므로 보다 정확하게 미리 볼 수 있습니다.
Adobe XD
디자인 사양에서 에셋 추출
개발자가 디자인 사양에서 에셋을 추출하고 다운로드하여 시간을 절약할 수 있습니다. 레이어를 내보낼 에셋으로 표시하고 디자인 사양 링크로 보내면 개발자는 모든 에셋을 필요한 파일 포맷으로 다운로드할 수 있습니다.
에셋 패널에서 순서 변경
에셋 패널에서 색상, 문자 스타일, 심볼을 체계적으로 구성할 수 있습니다. 목록 보기에서 간단히 드래그하여 순서를 바꾸면 됩니다.
웹에서 비공개 공유(베타)
XD 데스크탑 애플리케이션에서와 동일한 방법으로 웹 브라우저에서 초대 메시지를 전송하여 검토자 또는 이해 관계자와 XD 프로토타입 및 디자인 사양을 안전하게 공유할 수 있습니다.
이 외에도 많은 기능 제공
8월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
선 강화
점선의 속성을 제어하고 선의 끝과 모퉁이 모양을 설정할 수 있습니다. 더욱 세밀하게 제어하려면 복잡한 선을 Illustrator에서 복사하여 XD의 오브젝트에 적용할 수 있습니다.
에셋 이름 변경
에셋 패널에서 색상, 문자 스타일, 심볼의 이름을 지정할 수 있으므로 체계적으로 구성하고 손쉽게 액세스할 수 있습니다.
디자인 사양의 댓글 기능
디자인 사양에도 프로토타입과 마찬가지로 편리한 댓글 기능이 추가되었습니다. 개발자가 디자인 사양에 댓글을 달면 알림을 받게 됩니다. 적용한 업데이트, 변경 사항, 회신 내용은 브라우저를 새로 고치면 자동으로 표시됩니다.
이 외에도 많은 기능 제공
7월 릴리스에 대한 자세한 내용은 XD 블로그에서 확인하시기 바랍니다.
블로그로 이동 ›
Adobe XD
오버레이 지원
키보드, 메뉴, 대화 상자의 아트보드를 복제할 필요 없이 오버레이를 만들어 프로토타입에 콘텐츠를 스택할 수 있으므로 시간과 노력을 줄일 수 있습니다.
고정 위치 설정
요소를 같은 위치에 고정시키면 사용자가 스크롤하더라도 움직이지 않습니다. 이 새로운 프로토타이핑 기능은 머리글, 바닥글 등을 고정할 때 유용합니다.
비공개 초대(베타)
팀원이나 이해 관계자를 초대하여 프로토타입과 디자인 사양을 공유 및 추적하면 열람, 검토, 댓글을 관리할 수 있습니다.
이미지 채우기 기능 강화
데스크탑에서 드래그한 이미지를 자르고 재배치하여 모양을 채울 수 있습니다.
수치 계산
속성 관리자에서 수치 계산을 사용하여 디자인의 정확한 값으로 열 크기, 이미지, 그리드 레이아웃, 요소 위치를 결정할 수 있습니다.
Adobe XD
빠르게 심볼 교체
심볼의 모든 인스턴스를 손쉽게 찾아 한 번에 교체할 수 있습니다. 에셋 패널에서 새로운 심볼을 교체할 심볼 위로 드래그하여 놓으면 됩니다.
여러 아트보드에 붙여넣기
오브젝트를 복사하여 여러 아트보드에 붙여넣으면 해당 오브젝트의 원래 위치와 설정이 그대로 유지됩니다. 향상된 심볼과 함께 이 기능을 사용하면 여러 아트보드를 빠르고 일관성 있게 관리할 수 있습니다.
Photoshop과의 통합 강화
XD로 가져오는 Photoshop 파일의 피델리티가 더욱 향상되었습니다. 최신 업데이트에서는 선과 이미지 효과를 전송하고 PSD를 보다 빠르게 가져올 수 있습니다.
Sketch와의 통합 강화
Sketch 파일에 대한 지원이 향상되어 XD에서 Sketch 파일을 열 때 텍스트의 위치를 정확하게 배치하고, 페이지와 심볼을 구분하고, 색상 스타일을 가져오는 등 Sketch 파일에 포함된 원래 기능을 유지할 수 있습니다.
암호로 디자인 사양 보호
디자인 사양을 암호로 보호하여 디자인 사양의 열람자를 제어할 수 있습니다.
Adobe XD
암호로 프로토타입 보호
프로토타입을 게시하고 검토자와 공유할 때 암호 보호를 추가할 수 있습니다(디자인 사양에서 제공 예정).
에셋 패널에서 필터링을 통해 검색
색상, 문자 스타일, 심볼별로 에셋을 신속하게 필터링할 수 있습니다. 검색을 통해 특정 글꼴 모음, Hex 값 또는 심볼을 찾을 수 있습니다.
에셋을 찾아 강조 표시
에셋 패널에서 "강조 표시"를 선택하여 캔버스에서 특정 색상, 문자 스타일 또는 심볼을 사용하는 모든 요소를 볼 수 있습니다. 캔버스에서 요소를 마우스 오른쪽 버튼으로 클릭하여 색상, 문자 스타일 또는 심볼을 표시할 수 있습니다.
Photoshop과의 통합 강화
Photoshop 파일을 마우스 오른쪽 버튼으로 클릭하고 "XD에서 열기"를 선택하거나 파일을 XD 아이콘 위로 드래그하여 놓아(Mac만 해당) Photoshop 디자인을 XD로 손쉽게 가져올 수 있습니다.
향상된 Sketch 워크플로우
XD에서 Sketch 파일을 열면 높은 피델리티를 경험할 수 있습니다. 또한 이미지, 문자 스타일, 문서 견본 등의 색상 조정 내용을 그대로 유지할 수 있습니다. Sketch 파일을 마우스 오른쪽 버튼으로 클릭하고 "XD에서 열기"를 선택하거나 Sketch 파일을 XD 아이콘 위로 드래그하여 놓아(Mac만 해당) Sketch 파일을 XD로 가져올 수 있습니다.
Adobe XD
Photoshop과 손쉽게 연계
XD에서 PSD 파일을 열기만 하면 Photoshop 디자인과 에셋을 XD로 가져올 수 있습니다. 파일은 새로운 XD 파일로 자동 변환되므로 빠르고 손쉽게 디자인하고 프로토타이핑할 수 있습니다.
자세한 내용 ›
문서 간 심볼 복사
XD 문서 간에 심볼을 한 번에 복사하여 붙여넣을 수 있습니다. 심볼을 붙여넣은 후 수동으로 변환하지 않아도 됩니다.
그룹화된 요소의 스타일 지정
채우기, 선 등 그룹화된 요소의 속성을 손쉽게 변경하여 디자인 프로세스를 가속화할 수 있습니다.
스크롤 가능한 아트보드의 기능 강화
프로토타이핑할 때 속성 관리자로 이동하지 않고 캔버스에서 바로 스크롤 가능한 아트보드의 뷰포트를 빠르고 손쉽게 편집할 수 있습니다.
Sketch 파일 사용
Sketch 디자인과 에셋을 XD로 바로 가져올 수 있습니다. XD에서 Sketch 파일을 열면 XD 파일로 자동 변환되므로 디자인을 처음부터 새로 만들지 않아도 됩니다.
자세한 내용 ›
Adobe XD
Creative Cloud Libraries에서 벡터 그래픽 가져오기
Adobe Creative Cloud Libraries에서 연결되어 있거나 연결되어 있지 않은 벡터 그래픽을 보고 XD로 드래그할 수 있습니다. Illustrator에서 아이콘, 일러스트레이션 등의 그래픽을 변경하면 Creative Cloud Libraries를 통해 XD에서도 원활하게 업데이트됩니다.
자세한 내용 ›
스크롤 위치 유지
연결된 요소를 클릭할 때 상단에서 스크롤할 필요 없이 다음 화면에서 해당 위치를 유지할 수 있습니다.
Windows 10에서 펜 및 터치 지원
마우스 및 키보드와 함께 기본 펜 및 터치 기능을 사용하여 아트웍을 만들거나 프로토타입을 연결하고 레이어를 이동할 수 있습니다.
디자인 사양의 레이아웃 그리드
디자인 사양 웹 앱에서 레이아웃 그리드를 볼 수 있으므로 개발자는 여백이나 간격 폭과 같은 열 그리드 속성을 확인할 수 있습니다.
속성 관리자의 스포이드 툴
사용자 의견을 반영하여 색상을 손쉽게 샘플링할 수 있는 스포이드 툴을 속성 관리자에 다시 추가했습니다.
Adobe XD
서드파티 워크플로우와의 통합
Zeplin, Avocode, Sympli, ProtoPie, Kite Compositor 등과 같은 인기 있는 디자인 프로세스 툴과 함께 XD를 사용할 수 있습니다. XD에서 작업한 디자인을 자주 사용하는 툴로 가져와 개발자에게 빠르게 전달하고 고급 애니메이션을 만들 수 있습니다. Mac에서만 사용 가능합니다.
향상된 확대/축소 성능
10개 또는 1,000개 아트보드가 포함되어 있더라도 성능 저하 없이 캔버스를 확대/축소하면서 화면 간을 이동할 수 있습니다.
사용 방법 보기 ›
Dropbox에서 XD 파일 미리 보기
XD 파일을 다운로드하지 않고도 Dropbox에 저장되어 있는 XD 파일을 미리 볼 수 있습니다.
자세한 내용 ›
색상 모델 간 전환
색상 피커 드롭다운 메뉴에서 HEX, RGB, HSB 색상 모델 간을 신속하게 전환할 수 있습니다.
방사형 그레이디언트
방사형 그레이디언트를 만들고 적용하여 광원을 시뮬레이션하고 독특한 이미지 마스크를 만드는 등 다양한 작업을 할 수 있습니다. 그레이디언트는 단색 채우기에 있는 색상 피커에서 사용할 수 있습니다.
향상된 디자인 사양
치수 확인, UI 요소 간 이동 및 액세스, 마스크 레이어를 사용한 작업 등이 보다 빠르고 수월해졌습니다.
100%로 아트보드 표시
전체 화면 모드에서 공유 프로토타입의 디자인을 실제 크기로 볼 수 있습니다.
일괄 내보내기
파일 메뉴의 내보내기 옵션에 일괄 내보내기가 추가되었습니다. 레이어 패널에서 마우스 오른쪽 버튼을 클릭하여 일괄적으로 내보낼 오브젝트를 표시할 수 있습니다.
블로그에서 자세히 보기 ›
Adobe XD
텍스트에 밑줄 표시
키보드 단축키 또는 속성 관리자의 버튼을 사용하여 텍스트에 밑줄을 빠르게 적용할 수 있습니다. 기준선 아래에 있는 y, g 등이 포함된 문자에도 밑줄이 올바로 유지됩니다.
선 정렬 유형 옵션
사각형이나 원과 같은 닫힌 오브젝트에서 선 정렬 유형(내부, 외부, 가운데) 간을 전환하여 두께와 정렬을 수정하고 디자인의 모양을 제어할 수 있습니다.
Adobe Stock 라이선스 부여
Creative Cloud Libraries 창에서 Adobe Stock 래스터 이미지를 마우스 오른쪽 버튼으로 클릭하여 라이선스를 부여할 수 있습니다.
Photoshop에서 그래픽 편집
Creative Cloud Libraries 창에서 래스터 그래픽을 마우스 오른쪽 버튼으로 클릭하여 Adobe Photoshop에서 편집할 수 있습니다.
프로토타입의 추가 게시 옵션
핫스팟 힌트를 신속하게 활성화 및 비활성화하여 프로토타입에서 인터랙티브한 영역을 확인한 다음 게시하여 팀과 공유할 수 있습니다. 전체 화면에서 열기 모드로 설정하면 댓글 등 불필요한 요소가 없는 화면에서 확인할 수 있습니다.
향상된 디자인 사양
내비게이션 및 속성에 대한 유용한 사용자 팁과 향상된 기능을 사용하여 효율적으로 작업을 진행할 수 있습니다. 또한 디자인 사양은 한국어, 영어, 프랑스어, 독일어, 일본어를 지원합니다.
이 외에도 많은 기능 제공
프로토타입 모드에서 확대/축소 툴 이용, 글꼴 크기에 대한 키보드 단축키 등이 포함되어 있습니다.
블로그에서 자세히 보기 ›
Adobe XD
디자인 사양
인터랙티브한 프로토타입에서 자동으로 생성된 디자인 사양의 링크를 개발자에게 전송하여 개발 프로세스의 시간을 단축할 수 있습니다. 사양에는 아트보드의 순서와 흐름, 색상, 문자 스타일 및 측정이 포함되어 있습니다(현재 영어로만 제공).
사용 방법 보기 ›
레이아웃 그리드
일관된 디자인 및 요소들 간의 비율을 유지하기 위해 여백과 간격 값을 조정 가능한 열 그리드를 사용할 수 있습니다. 정사각형 그리드와 레이아웃 그리드는 속성 관리자에서 전환이 가능합니다.
JPG 내보내기
XD에서 에셋과 아트보드를 JPG 포맷으로 손쉽게 내보낼 수 있습니다. 다른 앱에서 변환할 필요가 없습니다. 내보내기 품질을 1-100%의 범위에서 설정할 수 있습니다.
향상된 텍스트
클릭만으로 포인트 텍스트에서 영역 텍스트로 또는 그 반대로 전환할 수 있습니다. 새로운 텍스트 오브젝트를 만들면 글꼴 모음, 크기, 두께, 정렬 및 색상과 같은 마지막으로 사용된 텍스트 속성이 그대로 유지됩니다.
Windows 10용 릴리스의 기능 강화
Windows 10의 최신 업데이트를 사용하면 Windows에서 보다 빠르게 디자인할 수 있습니다. 두 손가락으로 터치하여 이동 및 확대/축소하거나 Adobe InDesign의 디자인 요소를 복사하여 XD로 붙여넣을 수 있고 외부 링크 파일로 SVG 파일을 가져올 수 있습니다.
이 외에도 많은 기능 제공
그레이디언트를 만들 때 색상 피커에서 스포이드를 사용하여 색상 정지점을 선택하는 기능, 에셋 패널을 사용할 때 색상을 샘플링하는 기능, 향상된 붙여넣기 기능 등이 포함되어 있습니다.
블로그에서 자세히 보기 ›
Adobe XD
인터랙티브한 프로토타입
한 번의 클릭으로 디자인 모드에서 프로토타입 모드로 전환하고 아트보드를 연결하여 멀티스크린 앱의 흐름과 패스를 전달할 수 있습니다. 특정 아트보드에 사용된 반복 그리드 셀과 같은 디자인 요소를 다른 아트보드에 연결할 수 있으며, 직관적인 시각적 컨트롤을 사용해 인터랙션을 추가함으로써 경험을 테스트하고 확인할 수 있습니다.
피드백을 위한 프로토타입 게시
공유 가능한 웹 링크를 생성하여 디자인에 대한 피드백을 얻거나 Behance 또는 웹 페이지에 포함시킬 수 있습니다. 검토자는 디자인의 프로토타입과 특정 부분에 바로 댓글을 달 수 있습니다. 댓글이 추가되면 알림을 받게 되며, 검토자는 브라우저를 새로 고침으로써 변경 내용을 확인할 수 있습니다.
빠르고 다양한 방식으로 아트보드 사용
하나의 아트보드는 물론 수백 개의 아트보드를 사용하더라도 XD는 빠른 성능을 일관되게 제공합니다. 다양한 화면과 디바이스에 맞게 디자인할 수 있고 빠른 이동 및 확대/축소가 가능합니다. 사전 설정 크기 중에서 선택하거나 직접 정의할 수 있고 디자인 요소의 배치를 그대로 유지하면서 아트보드 간에 복사할 수 있습니다.
반복 그리드
연락처 목록 또는 사진 갤러리와 같은 디자인의 항목을 선택하고 원하는 만큼 가로 또는 세로로 복제할 수 있습니다. 이때 모든 스타일과 간격은 그대로 유지됩니다. 요소를 업데이트하면 변경 내용이 모든 영역에 적용됩니다.
크로스 플랫폼 지원
Adobe XD는 Windows 10(Universal Windows Platform)과 Mac을 기본적으로 지원하고 Android 및 iOS용 모바일 앱을 포함하고 있습니다.
에셋 패널
심볼을 자동으로 포함하는 에셋 패널(이전 심볼 패널)에 색상, 문자 스타일을 추가하여 손쉽게 재사용할 수 있습니다. 패널에서 색상 또는 문자 스타일을 편집하면 변경 사항이 문서 전체에 반영됩니다.
새롭게 설계된 심볼
문서 전체에서 각 에셋 인스턴스를 찾고 편집하는 번거로움을 없애주는 재사용 가능한 디자인 요소인 심볼을 사용하여 시간을 절약할 수 있습니다. 하나의 심볼을 업데이트하여 모두 업데이트하거나 특정 인스턴스를 선택하여 덮어쓸 수 있습니다. 심볼은 벡터 그래픽, 래스터 이미지 또는 텍스트 오브젝트일 수 있으며 반복 그리드에서 오브젝트로 사용될 수 있습니다.
Creative Cloud Libraries
Creative Cloud Libraries와의 통합을 통해 Photoshop, Illustrator 및 다른 Creative Cloud 애플리케이션에서 만든 래스터 이미지, 색상, 문자 스타일을 XD 내에서 바로 액세스하여 적용할 수 있으며 문서의 어디에나 재사용할 수 있습니다.
컨텍스트 기반의 속성 관리자
컨텍스트에 맞게 인식되는 속성 관리자 덕분에 보다 매끄럽게 작업할 수 있습니다. 속성 관리자에는 선택된 오브젝트의 옵션만 표시됩니다. 테두리 상자 및 두께, 채우기 색상, 음영, 흐림 효과, 불투명도, 회전 그리고 정렬, 크기 및 반복 그리드에 대한 액세스 옵션 등의 속성을 변경할 수 있습니다.
지능적인 캔버스 탐색
디자인의 특정 영역을 손쉽게 확대하거나 아트보드에서 원하는 영역을 선택하고 단축키를 사용하여 선택 영역을 바로 확대/축소할 수 있습니다. 마우스, 터치패드 또는 키보드 단축키를 사용하여 이동 및 확대/축소할 수 있습니다. 또한 수백 개의 아트보드를 사용하더라도 탁월한 성능을 경험할 수 있습니다.
컨텍스트 기반의 레이어
레이아웃에 대한 컨텍스트 기반의 접근 방식 덕분에 복잡한 디자인을 관리와 동시에 체계적으로 구성하고 집중할 수 있습니다. XD는 작업 중인 아트보드와 관련된 레이어만 강조 표시하므로 필요한 요소를 신속하고 빠르게 찾을 수 있습니다.
레이아웃 가이드 툴
그리드에 스냅 기능과 오브젝트 간 상대 치수를 만들고 모양으로 마스크를 만들거나 디자인 요소를 그룹으로 지정, 잠금, 정렬 및 배포할 수 있는 직관적인 레이아웃 툴을 사용하여 디자인 요소를 매끄럽게 그리고 재사용하며 혼합할 수 있습니다.
흐림 효과
특정 오브젝트나 전체 배경을 신속하게 흐리게 하여 디자인의 초점을 변경함으로써 심도와 차원을 포함시킬 수 있습니다.
유용한 선형 그레이디언트
색상 피커에서 간단하면서도 정확한 시각적 컨트롤을 사용하여 멋진 선형 그레이디언트를 만들 수 있습니다. 또한 Photoshop 및 Illustrator의 그레이디언트를 가져올 수 있습니다.
모던한 펜 툴
펜 툴을 사용하여 모양과 패스를 손쉽게 그릴 수 있습니다. 동일한 툴로 사용자 정의 패스를 사용하거나 고정점을 추가 또는 제거하고 선을 손쉽게 조작하거나 곡선 패스와 각진 패스 간을 전환할 수 있습니다.
불린 그룹 편집
원본을 훼손하지 않는 불린 연산자를 사용해 오브젝트 그룹을 결합하여 복잡한 모양을 만들어 다양하게 실험해 볼 수 있습니다.
타이포그래피 스타일 지정
정확한 컨트롤을 통해 텍스트에 스타일을 지정하여 사용자 경험을 향상시킬 수 있습니다. 글꼴, 서체, 크기, 정렬, 자간 및 행간과 같은 타이포그래피 요소를 손쉽게 조정할 수 있습니다. 불투명도, 채우기, 배경 흐림 효과 및 테두리와 같은 기타 요소를 변경하는 방식과 동일하게 텍스트의 모양을 변경할 수 있습니다.
간소화된 색상 제어
정확한 색상 값을 입력하거나 XD 내외에서 스포이드를 사용한 색상 샘플링을 통해 색상을 선택할 수 있습니다. 색상 견본을 만들어 저장하고 색상 피커에서 16진수 코드의 단축키를 사용할 수 있습니다.
UI 리소스
고품질의 유저 인터페이스 구성 요소를 사용하여 Apple iOS, Google Material Design, Microsoft Windows 디바이스용 디자인과 프로토타입을 바로 시작할 수 있습니다.
다른 디자인 앱에서 복사 및 붙여넣기
Photoshop 및 Illustrator의 아트웍을 XD로 가져올 수 있습니다.
컨텍스트 기반의 iOS 및 Android 미리 보기
실제 디바이스에서 디자인과 모든 인터랙션을 미리 볼 수 있습니다. 데스크탑에서 변경 사항을 적용한 다음 디바이스에서 해당 품질과 유용성을 테스트할 수 있습니다.
핫스팟 힌트
사용자가 인터랙티브한 영역과 클릭 가능한 영역을 구분할 수 있도록 프로토타입에서 핫스팟을 자동으로 강조 표시할 수 있습니다.
프로토타입 관리
동일한 파일에서 여러 URL을 생성하여 서로 다른 버전의 프로토타입을 공유할 수 있습니다. 제한 없이 프로토타입을 공유하고 Creative Cloud 계정에서 손쉽게 액세스하거나 삭제할 수 있습니다.
프로토타입 인터랙션을 비디오로 기록
미리 보는 장면을 MP4 파일로 기록하여 팀 또는 이해 관계자와 공유할 수 있습니다(Mac에만 해당).
아트웍, 에셋 및 아트보드 내보내기
PNG 및 SVG 포맷으로 이미지와 디자인을 내보낼 수 있으므로 iOS, Android, 웹 또는 맞춤 설정에 맞게 구성할 수 있습니다. 전체 아트보드 또는 개별 요소를 내보낼 수 있습니다. 또한 에셋 및 아트보드를 개별 PDF 파일 또는 하나의 PDF 파일로 내보내 공유할 수 있습니다.
다국어 지원
한국어를 비롯해 영어, 프랑스어, 독일어, 일본어가 지원됩니다.
댓글에 대한 이메일 알림
이해 관계자가 웹 프로토타입에 댓글을 달면 이메일 알림을 받게 됩니다. 하루 단위로 이메일을 개별적으로 또는 일괄적으로 전송할 수 있습니다.