Story image

A quick guide to Adobe XD’s recent updates

25 Jan 2018
Twitter
Facebook

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.

Download image
Is an MSSP really a safe bet?
One of the largest inhibitors to cloud adoption is concern around the security of leveraging a service provider in a multi-cloud world. A lot is at stake and yes, you should be cautious.More
Story image
13 Nov
Moving to a multi-cloud environment? Eliminate security gaps with Fortinet
Multi-cloud environments are the new normal and securing them in a unified manner can be problematic – but not with Fortinet’s comprehensive multi-cloud-based Security Fabric.More
Story image
Today
How the growing pace of change will shape workplaces in 2020
Technology has fundamentally altered the workplace in recent years, and the pace of this change will accelerate further during 2020, says Cubic Consulting.More
Story image
18 Nov
SnapLogic: Cutting through the SaaS sprawl
On average, enterprises are using 1,427 distinct cloud services, with the typical employee using 36 different cloud applications during their working day.More
Story image
15 Nov
Slack launches global services partner program
“As the market continues to adapt to new ways of working, we are seeing unprecedented growth in the demand for services that enable customers to leverage Slack to drive organisation-wide transformation."More
Story image
14 Nov
Splunk in the wild: the ‘data to everything’ platform in action
With a platform offering that professes to ‘do everything with your data’, Splunk’s solutions come alive in its use cases and with customers who are taking the technology and using it to solve specific pain points or to extend capabilities.More