어도비 XD 2019년 11월 릴리스: 어도비 맥스에서 공동 편집, 문서 내역, 구성 요소 상태 등 다양한 기능 공개

앤드류 쇼튼(Andrew Shorten)

어도비 제품의 새로운 주요 기능을 대거 공개하는 자리인 어도비 맥스는 어도비 XD의 매달 새롭게 추가되는 새로운 기능과 향상된 기능만큼이나 어도비가 야심 차게 준비하는 대대적인 이벤트입니다. 올해도 예외는 아닙니다. 맥스 2019 XD 릴리스는 역대 최대 규모를 자랑합니다.

이번 릴리스에서는 실시간 공동 편집, 구성 요소 상태, 마우스 오버 인터랙션 지원, 새로워진 플러그인 관리자 등 팀원 모두가 아이디어를 빠르게 구현하고 공동 작업할 수 있도록 지원하는 다양한 새로운 기능과 향상된 기능이 공개되었습니다. 언제나 그랬듯이 어도비는 한 차원 높은 사용 편의성과 성능 및 품질을 고루 갖춘 XD 기능을 통해 사용자에게 향상된 워크플로우를 제공하기 위해 노력하고 있습니다.

또한 이러한 새로운 기능 외에도 XD 사용자의 피드백을 바탕으로 XD가 대대적으로 향상되었습니다. 유저보이스(UserVoice)를 통해 다양한 의견을 공유해 주시고, 트위터(Twitter), 페이스북(Facebook) 및 어도비 커뮤니티 포럼에서 XD의 미래와 관련하여 진행되는 다양한 논의에 참여해 보십시오. 이러한 활동은 어도비 XD 기능 향상에 큰 도움이 됩니다.

그렇다면 지금부터 최신 릴리스를 통해 제공되는 새로운 기능을 자세히 살펴보겠습니다.

XD를 통한 공동 작업 향상

대부분 디자인 작업에는 공동 작업이 필요합니다. 디자인 프로세스에는 문제에 대한 깊은 이해, 데이터, 공감, 리서치를 바탕으로 한 솔루션 제작 그리고 사용자, 팀원 및 이해 관계자와의 끊임없는 커뮤니케이션 등이 포함됩니다. 맥스 2019 XD 릴리스에서는 공동 작업의 효율을 한층 더 높여줄 XD의 다양한 기능을 소개합니다.

공동 편집(베타)

XD에서 공동 편집 기능을 사용하면 다른 디자이너와 함께 실시간으로 작업할 수 있습니다. 공동 편집 기능은 XD의 백그라운드에서 매끄럽게 실행되므로, 기본 애플리케이션의 강력한 성능과 품질을 그대로 유지하면서 여러 명의 디자이너가 동일한 클라우드 문서에 액세스하고 반복 프로세스를 동시에 진행할 수 있습니다. 이제 팀원은 이중으로 작업하거나, 중복된 문서를 유지할 필요 없이 한곳에서 동시에 작업할 수 있습니다. 또한 XD는 불필요한 작업을 제거해주므로, 팀원은 디자인 품질에 더욱 집중할 수 있습니다.

XD의 공동 편집 기능은 클라우드 문서를 통해 수행할 수 있습니다. 문서에서 공동 편집 기능을 활성화하면 문서를 함께 편집할 팀원을 초대할 수 있습니다. 다른 디자이너가 작업 중인 문서가 활성화되어 있을 때는 물론이고 현재 작업 중인 아트보드 및 오브젝트를 확인할 수도 있습니다.

문서 내역

작업을 진행하는 동안 클라우드 문서는 자동으로 작업 내용을 저장합니다. 이번 릴리스를 통해 문서의 작업 내역과 시간의 경과에 따른 작업의 변화 과정을 확인할 수 있습니다. 문서 내역을 사용하면 이전 버전의 문서를 연 다음 디자인 요소를 복사해 현 문서에 적용하거나, 이전 버전을 저장한 다음 중단된 부분부터 작업을 시작할 수 있습니다. 문서의 작업 내용은 최대 30일 동안 자동 보관되고, 중요한 버전을 영구적으로 보관하고 싶은 경우 특정 버전을 책갈피로 표시하여 저장하면 됩니다. 또한 버전명을 지정하여 디자인 프로젝트가 진행되는 동안 중요한 변경 사항을 추적할 수 있습니다.

문서 내역을 보려면 화면 상단에 있는 클라우드 문서 이름 옆의 드롭다운 아이콘을 클릭하면 됩니다.

공유 모드

디자인 프로세스에서 가장 중요한 두 가지 단계는 다른 팀 및 이해 관계자와 작업을 공유하여 피드백을 받는 단계와 디자인을 실제 제품으로 구현하기 위해 개발자에게 에셋을 전달하는 단계입니다. 공유 기능은 XD에서 가장 중요한 기능이므로, 이번 릴리스에서는 디자인 모드와 프로토타입 모드 옆에 공유 모드를 새롭게 추가하여 다양한 공유 기능을 한곳에 통합했습니다.

공유 모드는 다른 사람과 작업을 공유할 때 사용되는 기능입니다. 이 모드에서는 작업 공유를 위한 웹 링크를 만들어 관리할 수 있고, 새로운 공유 사전 설정을 사용해 디자인 검토, 개발자에게 전송, 프레젠테이션 및 사용자 테스트 등 다양한 공유 경험을 사용자 정의할 수 있습니다. 공유된 작업에는 정확히 어떤 아트보드가 포함되는지 확인할 수 있고, 각 링크에 고유한 이름을 지정하여 공유한 내용을 손쉽게 추적할 수 있습니다. 또한 한곳에서 공유 링크에 대한 사용 권한을 관리할 수 있을 뿐 아니라 암호 보호 기능을 추가할 수도 있습니다. 향후 릴리스에서는 서로 다른 프로토타입 플로우 또는 아트보드 세트를 더욱 간편하게 공유하기 위한 다수의 향상된 기능이 제공될 예정입니다.

공동 편집을 비롯한 어도비 XD의 새로운 모든 기능은 모든 플랜에 포함되어 있습니다. 유료 플랜 사용자는 이러한 기능을 무제한 사용할 수 있고, 무료 XD 스타터 플랜 사용자는 2020년 4월까지 모든 공유 및 공동 작업 기능을 이용할 수 있습니다.

어도비는 XD의 이러한 새로운 기능을 통해 어떤 새로운 작업 방식이 등장하게 될지 벌써 기대가 됩니다.

향상된 인터랙션 및 프로토타이핑 기능

XD는 기본적으로 사용자 경험을 디자인 및 프로토타이핑할 수 있는 올인원 플랫폼으로 개발되었습니다. 어도비는 디자인 팀이 다양한 디자인 툴을 사용하여 파일을 동기화하는 데 소요되는 시간을 줄이고, 탁월한 경험을 만들어 내는 작업에 주력할 수 있도록 돕고자 했습니다. 올 한 해 동안 출시된 디자인 측면의 기능 향상 외에도, 인터랙션 기능과 프로토타이핑 기능이 대대적으로 업데이트되어 매우 기쁩니다.

구성 요소 상태

XD의 구성 요소를 통해 디자이너는 디자인 제품 전반에서 일관성을 유지하는 한편, 이제 더 이상 하나의 문서 내에서 동일한 유저 인터페이스 요소를 반복적으로 만들지 않아도 됩니다. 구성 요소를 중앙 소스와 연결할 수 있는 기능을 통해 다양한 프로젝트에 포함된 디자인 요소를 재사용할 수 있으므로, XD에서 디자인 시스템을 만들어 관리하는 디자이너에게는 매우 유용한 기능입니다. 하지만 오늘날 사용자 경험의 경우 단순히 이러한 시각적 요소에 그치지 않고, 다양한 인터랙션을 기반으로 설계된 다이내믹한 반응형 경험이 주목받고 있습니다.

이것이 바로 어도비가 이번 XD 릴리스에 <구성 요소 상태> 기능을 추가한 가장 큰 이유입니다. 이제 각 구성 요소는 단일 유저 인터페이스 요소의 다양한 버전을 지원하므로, 탭이 활성화된 상태나 사용자가 버튼을 누른 경우처럼 다양한 유형의 사용자 인터랙션을 적용할 수 있습니다. <구성 요소 상태>를 사용하면 시나리오마다 구성 요소를 만들지 않아도 되고, 모든 문서의 구성 요소를 손쉽게 구성 및 관리할 수 있게 되므로 디자이너는 더욱 중요한 업무에 집중할 수 있습니다.

구성 요소 상태는 손쉽게 만들 수 있습니다. 구성 요소를 선택하면 화면 오른쪽에 있는 속성 관리자에 새 섹션이 열리며, 여기에서 구성 요소의 다양한 상태를 생성 및 관리할 수 있습니다. 특정 상태가 선택되면, 일반 구성 요소를 편집할 때와 마찬가지로 해당 구성 요소의 채우기 색상 또는 문자 스타일과 같은 속성을 변경할 수 있습니다.

또한 프로토타입 모드에서 구성 요소 상태를 이용해 작업할 수 있으므로, 인터랙티브한 유저 인터페이스를 만들 수 있을 뿐 아니라 미세한 인터랙션까지 구현할 수 있습니다. 선택된 구성 요소에 상태가 설정된 경우 프로토타이핑 액션의 대상이 다양한 상태로 되어 있는 것을 확인할 수 있습니다. 예를 들어 디자인 모드에서 버튼 구성 요소에 마우스 오버 상태를 정의한 다음, 프로토타입 모드에서 이 마우스 오버 상태를 프로토타이핑 인터랙션 대상으로 설정할 수 있습니다.

어도비 XD의 구성 요소 상태의 작동 방식에 대한 사용자의 이해를 돕기 위해 어도비는 댄스키(Danksy)와 손을 잡고 XD 프레쉬 UI 키트(XD Fresh UI Kit)를 만들었습니다. 이 키트에는 온라인 식자재 구매 경험을 시뮬레이션한 가상의 앱이 포함되어 있습니다. 이 키트는 추가 아트보드 없이 구성 요소 상태만을 이용해 체크 상자, 스위치 및 버튼과 같은 다양한 ‘주문’ 요소를 활성화 및 비활성화합니다.

마우스 오버 트리거

<구성 요소 상태>로 가장 많이 사용되는 것은 바로 마우스 오버입니다. 마우스 오버 지원이 XD를 통해 제공되기까지 왜 이렇게 오래 걸렸는지 의아해하는 사용자도 있겠지만, 어도비는 많은 디자인 팀이 최대한 유용하게 사용할 수 있도록 하기 위해 다양한 측면을 고려하다 보니 많은 시간이 필요했습니다. 이름에서 의미를 유추할 수 있듯이 마우스 오버 트리거는 사용자가 커서를 요소 위에 놓을 때(예: 데스크톱 애플리케이션의 버튼 위에 마우스를 올려놓는 경우)마다 호출됩니다.

위에서 설명한 바와 같이 구성 요소의 다양한 상태를 정의할 때 마우스 오버 상태를 선택할 수 있으며, 상태를 정의하면 사용자가 구성 요소 위로 커서를 올려놓을 때 필요한 인터랙션이 자동으로 연결됩니다. 또한 프로토타입 모드에서 속성 관리자의 트리거 드롭다운 메뉴를 사용하여 마우스 오버 트리거를 수동으로 모든 요소에 적용할 수 있습니다. 마우스 오버는 탭, 드래그, 음성 명령, 키보드 입력 및 게임 패드 입력 등 XD에서 지원하는 다양한 트리거 중 하나입니다.

다양한 인터랙션 지원

이제 XD는 더욱 다양한 사용자 입력을 지원하므로, 코딩 없이도 인터랙티브한 경험을 완벽하게 프로토타이핑할 수 있습니다. 프로토타입 인터랙션은 사용자가 오브젝트를 누를 때 생성되는 액션과 오브젝트를 드래그할 때 생성되는 액션이 다른 것처럼 사용자의 입력에 따라 달라지는 경우가 많습니다. 지금까지는 이러한 인터랙션을 지원하려면 서로 다른 프로토타이핑 플로우를 연결해야 하기 때문에 아트보드를 복제해야 했지만, 이제 더 이상 이러한 작업을 하지 않아도 됩니다.

이제 번거로운 작업 없이도 하나의 오브젝트에 여러 인터랙션을 동시에 정의할 수 있습니다. XD에서 프로토타이핑할 때 단일 오브젝트에서 여러 와이어를 드래그하여 각기 다른 인터랙션 시나리오를 정의하면 됩니다. 각 트리거에 서로 다른 인터랙션을 정의할 수 있으므로, 다양한 음성 명령 또는 다양한 키 명령에 응답과 같이 더욱 복잡한 인터랙션을 적용할 수 있습니다. 또한 아트보드 외에도 구성 요소 상태가 정의된 다양한 인터랙션을 이용하여 구성 요소 상태를 전환할 수 있습니다. 특정 트리거에 인터랙션을 정의하면 XD가 이를 자동으로 인지하므로, 상충하는 인터랙션을 정의하지 않게 됩니다.

여러분이 이처럼 강력한 구성 요소 및 구성 요소 상태 조합, 새로운 마우스 오버 트리거, 여러 인터랙션 지원을 사용하여 어떤 놀라운 결과물을 만들어낼지 벌써 기대가 됩니다.

확장성 및 기타 툴과의 호환성

디자인 팀에서 XD를 선택하는 주요 이유 중 하나는 어도비의 오픈 플랫폼과, 크리에이티브 클라우드의 툴 및 서비스는 물론 서드파티 툴 및 플랫폼까지 아우르는 다른 툴과의 상호 운용성 때문입니다. 이번 릴리스를 통해 XD가 다른 툴과 연동되는 방식과 XD의 핵심 기능을 바탕으로 한 작업 방식을 향상시켜줄 다양한 업데이트와 향상된 기능이 제공됩니다.

향상된 크리에이티브 클라우드 라이브러리 통합

크리에이티브 클라우드 라이브러리(Creative Cloud Libraries)를 사용하면 다양한 크리에이티브 클라우드 애플리케이션에서 로고, 색상 등 여러 에셋을 공유할 수 있습니다. 기존의 크리에이티브 클라우드 라이브러리 지원을 이용하는 경우 포토샵 및 일러스트레이터와 같은 다른 크리에이티브 클라우드 애플리케이션에서 제작한 에셋을 XD에서 사용할 수 있습니다. 이번 릴리스에서는 사용자의 피드백을 바탕으로 크리에이티브 클라우드 라이브러리에 대한 지원을 한층 확장했습니다. 따라서 이제 XD에서 직접 라이브러리를 생성하여 관리할 수 있을 뿐 아니라 XD에서 작업한 에셋과 구성 요소를 라이브러리에 추가한 다음 다른 크리에이티브 클라우드 애플리케이션에서 사용할 수 있습니다. 또한 중앙 크리에이티브 시스템을 통해 브랜드, 마케팅 및 디자인 시스템 에셋을 팀 전체와 공유할 수 있습니다. 이는 새롭게 선보이는 기능이기도 합니다.

향상된 스케치 가져오기 및 호환성

어도비는 많은 디자인 팀이 디자인 프로세스를 진행하는 데 다양한 툴을 사용하고 있고, XD로 완전히 전환하기 위해서는 기존의 에셋을 모두 가져오고자 한다는 것을 잘 알고 있습니다. 어도비는 꽤 오랫동안 스케치(Sketch)에서 디자인 파일을 가져올 수 있는 기능을 제공하고, 사용자의 피드백을 바탕으로 가져오기 기능을 지속적으로 향상시켜 왔습니다. 이에 그치지 않고 이번 릴리스에서는 XD에서 기존 스케치 라이브러리를 클라우드 문서로 변환하여 XD에서 디자인 시스템의 일부로 스케치 라이브러리 에셋을 사용할 수 있는 기능을 추가했습니다. XD는 변환된 라이브러리에 포함된 모든 에셋과 구성 요소를 소스 클라우드 문서에 자동 연결하므로 이제 이러한 모든 것을 XD에서 바로 사용할 수 있습니다. 또한 소스 클라우드 문서의 내용을 변경할 수 있고, 연결된 에셋을 통해 이러한 변경 사항을 디자인에 적용할 수 있습니다.

향상된 플러그인 관리자

맥스 2018에서는 어도비 XD 플랫폼을 통해 테크니컬 디자이너와 개발자가 플러그인을 활용하여 XD의 기능을 확장할 수 있는 방법이 소개되었습니다. 현재 지라 클라우드(Jira Cloud), 제로하이트(zeroheight), UI 페이스(UI Faces), 스타크(Stark), 어레인저(Arranger)를 비롯한 수십여 개의 플러그인을 포함하여 일상적인 디자인 작업을 자동화하고, XD를 다른 툴과 연결하고, XD의 새로운 활용 사례를 지원하는 200개 이상의 플러그인이 제공되고 있습니다. 어도비 개발자 커뮤니티는 많은 사용자를 위해, 새롭게 추가되는 XD 지원 플러그인을 지속적으로 소개하고 기존 플러그인을 향상시키고 있습니다.

XD 에코시스템이 끊임없이 진화함에 따라 어도비는 사용자가 고유한 워크플로우에 적합한 플러그인을 최대한 손쉽게 검색할 수 있도록 지원하고자 했습니다. 이러한 이유로 플러그인 관리자를 새롭게 재설계했습니다. 향상된 플러그인 관리자를 사용하면 권장 플러그인을 손쉽게 찾고 세심하게 선별된 플러그인 컬렉션을 검색할 수 있으며, 다양한 플러그인 범주를 살펴보거나 다른 디자이너의 평가 또는 플러그인 기능에 대한 자세한 정보를 확인할 수 있습니다. 또한 지원을 요청하거나 피드백을 제공하고자 하는 경우 플러그인 개발자에게 연락할 수 있고, 링크를 통해 다른 팀원과 플러그인을 공유할 수 있습니다.

새로워진 플러그인 관리자 외에도 어도비는 개발자에게 제공되는 API의 범위를 계속 확장해 나가고 있습니다. 이번 릴리스에서는 XD 문서에 대한 정보를 다른 애플리케이션에 적용할 수 있는 새로운 XD 클라우드 콘텐츠 API 세트가 소개되었습니다. 이러한 API는 지라(Jira), 슬랙(Slack) 및 마이크로소프트 팀즈(Microsoft Teams)와의 여러 통합 기능을 강화합니다. 위에서 언급된 새로운 API에 대한 자세한 내용을 살펴보고, 어도비 개발자 사이트에서 API 구축을 시작해 보시기 바랍니다.

오늘날 디자인 방식은 무궁무진합니다. XD는 디자이너의 기대에 부응하기 위해 진화를 멈추지 않을 것입니다. 모든 탁월한 새로운 기능은 최신 버전의 XD를 다운로드하거나 크리에이티브 클라우드 데스크톱 앱 포털을 통해 XD를 업데이트하여 사용할 수 있습니다.

XD의 더 많은 업데이트가 제공될 예정이므로 계속해서 지켜봐 주시고, 언제나처럼 여러분의 의견을 어도비 XD 팀과 공유해 주시기 바랍니다.

커뮤니티 참여

대화에 참여해 주십시오. 원하는 기능이 있는 경우 유저보이스(UserVoice)를 통해 요청해 주십시오. 이는 어도비 XD 기능 향상에 큰 도움이 됩니다. 업데이트 소식은 @AdobeXD를 팔로우하거나 트위터에서 #AdobeXD를 사용하여 어도비 팀에 문의할 수 있습니다. 또한 페이스북(Facebook)에서 대화를 나눌 수 있고 동영상과 업데이트를 공유하거나 실시간 세션 중 질문에 대한 답변을 얻을 수 있습니다.

#MadeWithAdobeXD로 작품 공유

비핸스(Behance)에서 프로토타입을 공유할 때 #MadeWithAdobeXD로 태그를 지정하고 “사용된 툴”에서 어도비 XD를 선택하여 어도비 웹 사이트, XD 뉴스레터 및 소셜 미디어에 실릴 기회를 놓치지 마십시오.