Story image

A quick guide to Adobe XD’s recent updates

25 Jan 18

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.

How blockchain will impact NZ’s economy
Distributed ledgers and blockchain are anticipated to provide a positive uplift to New Zealand’s economy.
25% of malicious emails still make it through to recipients
Popular email security programmes may fail to detect as much as 25% of all emails with malicious or dangerous attachments, a study from Mimecast says.
Human value must be put back in marketing - report
“Digital is now so widely adopted that its novelty has worn off. In their attempt to declutter, people are being more selective about which products and services they incorporate into their daily lives."
Wine firm uses AR to tell its story right on the bottle
A Central Otago wine company is using augmented reality (AR) and a ‘digital first’ strategy to change the way it builds its brand and engages with customers.
DigiCert conquers Google's distrust of Symantec certs
“This could have been an extremely disruptive event to online commerce," comments DigiCert CEO John Merrill. 
Protecting organisations against internal fraud
Most companies tend to take a basic approach that focuses on numbers and compliance, without much room for grey areas or negotiation.
Telesmart to deliver Cloud Calling for Microsoft Teams
The integration will allow Telesmart’s Cloud Calling for Microsoft Teams to natively enable external voice connectivity from within Teams collaborative workflow environment.
Jade Software & Ambit take chatbots to next level of AI
“Conversation Agents present a huge opportunity to increase customer and employee engagement in a cost-effective manner."