What’s new in Adobe XD.
Adobe XD CC
Responsive resize
Now it's easy to resize groups of objects on your artboards for different size screens and maintain placement and scalability. XD automatically calculates placement based on the proximity of individual elements.
Timed transitions
Get greater control over the timing of your transitions between artboards. Create looping animations with delays for auto-fade effects, spinners, loaders, progress bars, and more.
Spell check
Quickly spot spelling errors while designing in XD.
Full-screen prototypes
Web prototypes viewed in the browser now include a full-screen option, so you can see your design at actual size for a more accurate representation.
Learn about the latest features
Get more details on the September release in the XD blog.
Visit the blog ›
Adobe XD CC
Extract assets in Design Specs
Save time and give developers the ability to extract and download assets from Design Specs. Mark layers as assets for export and send as a Design Specs link. Developers can download all the assets in the file format they need.
Reordering in the Assets panel
Organize your colors, character styles, and symbols in the Assets panel. Simply drag to reorder them in the list view.
Private sharing (beta) from the web
Safely share XD prototypes and Design Specs with reviewers or stakeholders by sending an invite using your web browser the same way you do in the XD desktop application.
Adobe XD CC
Stroke enhancements
Control the stroke of dotted or dashed lines, and set the look of end caps and corners. For even finer control, you can copy complex strokes from Illustrator and apply them to objects in XD.
Asset renaming
Now you can label colors, character styles, and symbols right in the assets panel for better organization and easier access.
Comment on design specs
Design Specs now has the same great commenting feature as prototypes. Developers can comment on specs and you'll be notified. Any updates, changes, or replies you make will automatically show up when they refresh their browsers.
Learn about the latest features
Get more details on the July release in the XD blog.
Visit the blog ›
Adobe XD CC
Overlay support
Now you can save time and effort by creating overlays to stack content in prototypes — no more need to duplicate artboards for keyboards, menus, and dialogues.
Set fixed positions
Keep elements set in the same position so they stay put as viewers scroll. This new prototyping feature is great for fixed headers, footers, and more.
Private Invites (Beta)
Share and track your prototypes and design specs with invited team members or stakeholders, so you control who sees, reviews, and comments on them.
Better control for image fills
Designers can now crop and reposition images dragged from the desktop to fill shapes.
Design using math calculations
Get exact values for your designs by using math calculations in the Property Inspector to determine column sizes, images, grid layouts, and locations of elements.
Adobe XD CC
Replace symbols in a snap
It’s now easy to find and replace every occurrence of a symbol all at once. Just drag the new symbol from the Assets panel and drop it onto the symbol you want to replace.
Paste to multiple artboards
Copy and paste an object onto multiple artboards and it retains its original position and settings. Along with symbol improvements, this allows you to quickly and consistently manage multiple artboards.
Improved Photoshop integration
Get better fidelity on Photoshop files that you bring into XD. The latest updates also let you transfer stroke and image effects and import PSDs faster.
Sketch file enhancements
We've improved the way Sketch files open in XD so they retain more of their original features, including better text position accuracy, page and symbol separation, and global color styles.
Password protect Design Specs
Now you can control who sees your design specs by making them password protected.
Adobe XD CC
Password protected prototypes
Add password protection to your public prototypes when you publish and share with reviewers (coming soon in Design Specs).
Filtered search in Assets Panel
Quickly filter assets by color, character styles, or symbols. Use search to find specific font families, hex values, or symbols.
Find and highlight assets
Select “highlight” in your Assets Panel to see all the elements on your canvas that use a specific color, character style, or symbol. Right-click an element on your canvas to reveal its colors, character styles, or symbols.
Improved Photoshop integration
Now it’s even easier to bring Photoshop designs into XD by either right-clicking on your Photoshop file and choosing "Open with XD" or dragging and dropping a file over the XD icon (Mac only).
Sketch workflow enhancements
Sketch files opened in XD now have improved fidelity. And you can preserve color adjustments for images, character styles, document swatches, and more. Bring your Sketch files into XD by either right-clicking on the file and choosing "Open with XD," or dragging and dropping the Sketch file over the XD icon (Mac only).
Adobe XD CC
Easy integration with Photoshop
Bring your Photoshop designs and assets into XD by simply opening a PSD file from right inside the app. Your file will automatically convert into a new XD file, making it faster and easier to design and prototype.
Learn more ›
Copy symbols between documents
Now you can copy and paste symbols between XD documents in one step. No need to paste first and then manually convert to a symbol.
Style grouped elements
Speed up your design process by easily changing properties like fill and stroke of grouped elements.
Scrolling artboard enhancement
When prototyping, it’s faster and easier to edit the viewport of a scrollable artboard right on the canvas without having to go to the Property Inspector.
Work with Sketch files
Now you can bring your Sketch designs and assets right into XD. Open your Sketch file from within XD and it automatically converts into an XD file so you don't have to start from scratch.
Learn more ›
Adobe XD CC
Vector graphics from CC Libraries
View and drag linked and unlinked vector graphics from Creative Cloud Libraries into XD. Changes you make to icons, illustrations, and other graphics in Adobe Illustrator update seamlessly to XD through CC Libraries.
Learn more ›
Preserve scroll position
When clicking on a wired element, you can now control your position to maintain that place on the next screen without having to scroll from the top.
Pen and touch support on Windows 10
Use basic pen and touch features as a companion to your mouse and keyboard to create artwork, wire prototypes, navigate layers, and more.
Layout grids in Design Specs
View layout grids in the Design Specs web app so developers can see column grid attributes such as margins and gutter widths.
Eyedropper in Property Inspector
Based on your feedback, we’ve put the eyedropper back in the Property Inspector so it’s easier to sample colors.
Adobe XD CC
Third-party workflow integrations
XD now integrates with popular design-process tools like Zeplin, Avocode, Sympli, ProtoPie, and Kite Compositor. Start your designs in XD then bring them into your favorite tool to speed up developer handoffs and create advanced animations. Available for Mac only.
Learn more ›
Better zoom performance
Zoom in and out of your canvas and between screens without slowing down, whether you have 10 or 1,000 artboards.
See how it works ›
Dropbox preview for XD files
Preview XD files saved to Dropbox without having to download an XD file.
Learn more ›
Switch between color models
Quickly switch between HEX, RGB, or HSB color models from the Color Picker dropdown menu.
Radial gradients
Create and apply radial gradients to simulate a light source, create unique image masks, and more. Gradients are available in the Color Picker under Solid Fill.
Improvements to Design Specs
Now it’s faster and easier to read measurements, navigate and access UI elements, and work with masked layers.
Display artboards at 100%
View designs in shared prototypes at actual size when you're in full screen mode.
Batch export
Export options now include batch export, which you can access through the file menu. Right-click in the Layers panel to mark objects for batch export.
Learn more on our blog ›
Adobe XD CC
Underline text
You can now quickly apply an underline to text with a keyboard shortcut or a button in the property inspector. Underline maintains fidelity with characters that have descenders such as y and g.
Options for stroke align type
Toggle between stroke align types (inside, outside, or center) on a closed object like a rectangle or circle to modify weight and alignment and control the appearance of your design.
Adobe Stock licensing
Right click on an Adobe Stock raster image in the Creative Cloud Libraries window to begin licensing.
Graphics editing in Photoshop
Right click on a raster graphic in the Creative Cloud Libraries window to edit it in Photoshop.
More prototype publishing options
Quickly enable and disable hotspot hints to see which areas of your prototype are interactive, then publish to share with your team. Set to open in full screen mode to view without comments or other distractions.
Design Specs improvements
Get started quickly with user tips and improvements for navigation and properties. Design Specs now also supports English, French, German, Korean, and Japanese.
And so much more
Also includes: Access to Zoom tool in prototype mode, keyboard shortcuts for font size, and more.
Learn more on our blog ›
Adobe XD CC
Design Specs
Speed up the development process by sending developers a link to automatically generated design specs from your interactive prototype. Specs include the sequence and flow of your artboards, colors, character styles, and measurements (currently English only).
See how it works ›
Layout Grid
Use customizable column grids with margins and gutters to give your designs a consistent, organized look and to manage the proportions between elements. Toggle between Square and Layout grid in the property inspector.
JPG export
Easily export assets and artboards from XD in JPG format without the need to convert from another app. You can control the export quality level from 1-100 percent.
Text enhancements
Switch from point text to area text and vice versa with a simple click. Now when you create a new text object, your last used text properties such as font family, size, weight, alignment, and colors are preserved.
Improvements for Windows 10
The latest updates for Windows 10 make designing in Windows even faster. Use two-finger touch to pan and zoom, copy and paste design elements from InDesign into XD, and import SVG files with externally linked files.
And so much more
Also includes: Ability to access eyedropper within the color picker to grab color stops when creating gradients and to sample colors when using Asset Panel, and improvements to paste behavior.
Learn more on our blog ›
Adobe XD CC
Interactive prototypes
Switch from design to prototype mode with a single click, and connect artboards to communicate the flow and paths of multiscreen apps. Connect design elements from one artboard to another, including Repeat Grid cells. Add interactions with intuitive visual controls to test and validate the experience.
Publish prototypes for feedback
Generate shareable web links to get feedback on your designs, or embed them on Behance or a web page. Reviewers can comment directly on your prototypes and specific parts of your design. You'll get notified when they make comments, and they can simply refresh their browsers to see your changes.
Fast, versatile artboards
Whether you're working with one artboard or a hundred, XD gives you the same fast performance. Design for different screens and devices. Pan and zoom without lag time. Choose from preset sizes or define your own, and copy between artboards without losing placement of your design elements.
Repeat Grid
Select items in your design, such as a contact list or photo gallery, and replicate them horizontally or vertically as many times as you want — all your styles and spacing stay intact. Update an element once and your changes will update everywhere.
Cross-platform support
Adobe XD natively supports Windows 10 (Universal Windows Platform) and Mac, with companion mobile apps for Android and iOS.
Assets panel
Make colors and character styles easily available for reuse by adding them to the Assets panel (formerly the Symbols panel), which automatically includes symbols. Edit any color or character style in the panel and the changes will be reflected throughout your document.
Reimagined symbols
Save time with symbols, reusable design elements that eliminate the need to find and edit each instance of an asset across a document. Update one and they'll update everywhere, or choose to override specific instances. Symbols can be vector graphics, raster images, or text objects, and they can also be used as objects within Repeat Grids.
Creative Cloud Libraries
With Creative Cloud Libraries integration, you can access and apply raster images, colors and character styles created in Photoshop CC, Illustrator CC, and other Creative Cloud applications from inside XD, and reuse them anywhere in your documents.
Contextual Property Inspector
Work in an uncluttered space thanks to the context-aware Property Inspector, which only displays options for the objects you've selected. Modify properties like border color and thickness, fill colors, shadows, blurs, opacity, and rotation, and access options for alignment, dimensions, and Repeat Grid.
Smart canvas navigation
Easily zoom in on a specific area of your design, or make a selection on an artboard and use a shortcut to zoom right to it. Pan or zoom with your mouse, touchpad, or keyboard shortcuts. And get great performance even if you have hundreds of artboards.
Contextual layers
Stay organized and focused while managing complex designs thanks to a contextual approach to layers. XD highlights only the layers associated with the artboard you're working on, so you can quickly and easily find what you need.
Layout guidance tools
Seamlessly draw, reuse, and remix design elements using snap-to grids and other intuitive layout tools that help you create relative measurements between objects, mask with shapes, group, lock, align, and distribute design elements, and more.
Blur effects
Quickly blur a specific object or an entire background to change the focal point of your design, giving it depth and dimension.
Versatile linear gradients
Create beautiful linear gradients using simple yet precise visual controls in the Color Picker. You can also import gradients from Photoshop CC and Illustrator CC.
Modern Pen tool
Draw shapes and paths easily with the Pen tool. Use custom paths, add or remove anchor points, easily manipulate lines, and switch between curved and angled paths — all with the same tool.
Boolean group editing
Create and experiment with complex shapes by combining groups of objects using non-destructive Boolean operators.
Typography styling
Style text with precise control to enhance the user experience. Easily adjust typographical elements like font, typeface, size, alignment, character spacing, and line spacing. Change the appearance of your text the same way you change other elements in XD like opacity, fill, background and blur effects, and borders.
Streamlined color control
Pick colors by entering exact values or by sampling from inside or outside XD with the Eyedropper. Create and save color swatches, and use shortcuts for hexadecimal codes in the Color Picker.
UI resources
Quickly design and prototype for Apple iOS, Google Material Design, and Microsoft Windows devices using high-quality user interface components.
Copy and paste from other design apps
Bring artwork into XD from Photoshop CC and Illustrator CC.
In-context iOS and Android previews
Preview your designs and all interactions on the actual devices you're targeting. Make changes on the desktop and then test them on your devices for fidelity and usability.
Hotspot hinting
Automatically highlight the hotspots in your prototype so users can see which areas are interactive and clickable.
Prototype management
Create multiple URLs from the same file to share different versions of your prototype. Share an unlimited number of prototypes, and easily access and delete them from your Creative Cloud account.
Record prototype interactions as videos
As you click through your preview, record an MP4 file to share with your team or stakeholders (Mac only).
Export artwork, assets, and artboards
Export images and designs in PNG and SVG formats, which you can configure for iOS, Android, web, or your own custom settings. Export an entire artboard or individual elements. And share assets and artboards by exporting them as individual PDF files or as a single PDF file.
Multi-language support
Supported languages include English, French, German, Japanese, and Korean.
Email notifications for comments
Get email notifications when stakeholders comment on your web prototypes. Emails can be sent individually or batched in a daily digest.