Story image

A quick guide to Adobe XD’s recent updates

25 Jan 2018

XD is Adobe’s solution for designing, prototyping, and sharing user experiences. 

Adobe XD lets UX/UI designers switch from design to prototype inside the app itself. That means users can turn comps into interactive prototypes without interruption.

The global software giant has released a flurry of new updates for Adobe XD, starting with a number of new third-party workflow integrations.  

1. Third-party integrations

XD now works with Zeplin, Avocode, Sympli, ProtoPie and Kite Compositor, which means users can start their designs in XD and move them into their favorite tool to speed up developer hand-offs and to create advanced animations. 

However, sorry Windows users, the integrations are only available on Mac. 

2. New Adobe XD integration on Dropbox

Dropbox’s new Adobe Creative Cloud integration aims to make it easier for users to find Adobe XD documents on Dropbox. 

With the new integration, users can see a quick preview Adobe Photoshop and Illustrator files as well as files created in XD. 

In addition, the new Adobe Creative Cloud integration on Dropbox allows users to share XD files with team members. Users can share and send a preview of the design’s home artboard across Dropbox on web, Android and iOS with any collaborator on their team. 

Members of the user’s extended team will also be able to use the comments and annotations features directly in Dropbox, a feature which aims to streamline design collaboration without disrupting the user’s workflow.

For gathering comments and annotations on the prototypes themselves, designers can use the shared prototype features within Adobe XD.

“Adobe XD is an innovative all-in-one tool for UX designers, and we’re excited to bring the power of Dropbox, Adobe XD and Creative Cloud to our joint users,” comments Daniel Wagner, engineering lead, Dropbox Previews. 

“Our goal is to unleash creative energy through an expanding partner ecosystem, and connect design tools like Adobe XD with core Dropbox mobile, web and desktop products.”

Senior product manager for Adobe XD, Kate Eom, says the goal here is to make the design process more efficient with Adobe XD. 

“That’s why we’re excited to bring Dropbox native file preview to our users. Now, designers and their extended team members can preview XD from Dropbox without opening the file.”

3. Ramped up performance for larger files

Zoom performance has been ‘dramatically improved’, states Adobe in a recent blog post. 

Users can now zoom in and out of canvas with thousands of artboards instantaneously, without any lag. 

4. Switch between color models 

With the latest release, users can switch between three common color models (HEX, RGB, and HSB) from the drobdown menu in the color picker. 

This is an upgrade from the previous version where uses could only work in HEX code or HSB value. 

5. Radial gradients 

Adobe has introduced radial gradients to XD, enabling users to create unique color effects by stimulating light source or applying circular patterns. 

Users can add, remove, and manipulate color stops with similar intuitive interface as linear gradients

6. Improvements to Design Specs (Beta) 

A few enhancements to Design Specs (Beta) have been introduced. 

Adobe has made it easier for users to read the measurements by adjusting their placement when inspecting designs. 

Adobe has added new keyboard accessibility so that designers can use certain keys, such as tab when navigating and +/- when zooming in the browser.

7. Artboards display at 100% in full screen

The headline says it all. When users share prototypes, designs can now be viewing at actual size in full screen mode, rather than being scaled to fit the screen. 

This one will be particularly useful for web design where you cannot predict a reviewer’s viewport size. 

At actual size, the prototype will scroll automatically when parts of the design are out of view.

However, while the scaling of artboards has changed in full-screen mode, artboards in the standard view will still continue to scale to fit.

8. Batch export 

Designers can now export objects in batches, whereas in the past, users had to manually select the objects each time before an export.

This will come in handy when designers need to export them to third-party tools or share with developers.

This can be done by marking objects by clicking a mark icon on the layer panel then selecting “Batch” option under File > Export.

Cryptomining apps discovered on Microsoft’s app store
It is believed that the eight apps were likely developed by the same person or group.
A multi-cloud approach - what is in it for me?
OVH CEO Michel Paulin explains the benefits of a multi-cloud approach to an organisations digitalisation and what to consider before implementation.
IDC: Top 10 trends for Australia’s digital transformation
The CDO title is declining, 35% of us will be working with bots, the Net Promoter Score will be key to success, and more.
Why the IT service integration market is becoming highly automated
"The SIAM market is not large, but it is one of the fundamental pillars of every digital transformation strategy."
Intel and Rakuten partner to address 5G network gap
“We believe this full end-to-end virtualised network will help us to shift away from reliance on dedicated hardware and legacy infrastructure.”
Exclusive: How Australian businesses can foster customer loyalty with CX
From boardrooms to meeting rooms, there’s an overwhelming recognition of the importance of CX, particularly when it comes to building customer loyalty.
Spoofs, forgeries, and impersonations plague inboxes
It pays to double check any email that lands in your inbox, because phishing attacks are so advanced that they can now literally originate from a genuine sender’s account – but those emails are far from genuine.
HCL and IBM collaborate to encourage global hybrid cloud uptake
HCL announced a collaboration with IBM designed to help advance the hybrid cloud journeys of organisations worldwide.