What’s New for Developers in Adobe XD 24 (MAX Release)

Kerri Shotts
Nov 4, 2019 · 5 min read

We just released Adobe XD 24 to the public, and wanted to update our plugin developers on what’s new, what’s changed, and some very important updates about the ecosystem coming up in the near future.

A New Website Design

Our designers have been hard at work creating a new design for our Adobe XD Platform documentation site. With the addition of Cloud Content APIs, it was time to refresh the various landing pages to ensure developers could find the information they needed.

Be sure to check it out at https://adobexdplatform.com.

Documentation Updates

Over the last several months we’ve been revisiting the navigation for the XD Plugin API documentation. We’ve just pushed a major update to the site, so go check it out and let us know if you have any feedback!

Submission Guidelines

As part of the plugin submission process, our review team runs several tests against your plugin to ensure that it meets our requirements. We’ve now made the kinds of checks we perform public. You can see the list at https://adobexdplatform.com/plugin-docs/distribution/submission-checklist. You’ll definitely want to review this before submitting your next plugin release to the XD Plugin Manager.

Plugin Design Resources

We have a new section of the Plugin API documentation devoted entirely to helping you design a plugin and create great experiences within XD.

Check it out at https://adobexdplatform.com/plugin-docs/design.

A New Plugin Manager

We’ve revamped the design and user experience in the XD Plugin Manager. You can access it the same way as before, but it’s now easier to discover, browse, and manage your plugins.

The new XD Plugin Manager

The new XD Plugin Manager experience allows you to discover related plugins with the new collections feature. You can view plugins in a given collection and install all of them if you’d like.

Plugin search has also been improved — you can now filter by category and sort by popularity, recent updates, and ratings.

We’ve also made it easier to manage your plugins — you can sort by the most recent update or by name. You can also uninstall or disable plugins easily.

Finally, we’ve significantly improved the plugin listing itself. You can now submit screenshots to help users better understand your plugin, and users can now see ratings left by other users.

The new plugin listing design

The new Plugin Manager experience allows your users to more easily discover and manage your plugins, and you’ll definitely want to take full advantage of the new plugin listing. If you haven’t already, head on over to the Adobe I/O Console and update your listing today!

Plugin API changes in Adobe XD 24

We’re shipping Adobe XD 24 with a new version of the Unified Extensibility Platform (UXP For plugin developers, not much has changed, but we did fix a few bugs from XD 23 (UXP and added a few minor features that should make your life as a developer easier:

  • Added support for naturalWidth and naturalHeight for img elements.
  • Added support for appearance: none on text input elements.
  • Added support for color on inputs of type text.
  • Added support for online and offline events on the window global.
  • Added support for currentSrc attribute to the img tag.
  • Added srcset for images.
  • UI Change: Your plugin’s icon is in now the panel header to increase your plugin’s brand awareness.
  • In order to bring the XD Plugin API to cross-platform parity, shell.openExternal and anchor tags will no longer open arbitrary files on macOS. This did not work on Windows 10, and it didn’t ensure a good user experience if no handler for the requested file type was installed. A new platform-consistent permissions-based API will be coming in the near future.
  • Scroll events can now propagate through unscrollable elements, which should make scrolling vertically a smoother experience.
  • Double clicking will now generate multiple click events, in addition to the dblclick event, as per the web specification. If you need to determine which click is the initial click, you can check the details property in the event. For the first click, this will be set to 1.
  • Events are now passed to UXP UI when XD is not in focus (macOS only). This ensures that plugins in Adobe XD have the same scrolling and focusing behavior as other macOS applications.

What’s fixed in Adobe XD 24

  • Fixed the case where parsing nth-child and nth-of-type selectors could cause UXP to stop applying CSS styles. Although UXP does not support nth-of-type(2n+1), it no longer stops applying styles when it sees this kind of rule.
  • Fixed the inability to set textarea content using innerHTML.
  • Fixed a case where letter-spacing would be forgotten when text was changed on Windows 10.
  • Fixed cases where XD would crash if given a large value for an attribute (such as a huge number for width). Instead of a crash, you may see content overflow its bounds if you’re using large numbers. This generally should only impact long lists.
  • Fixed querySelector when querying for classes when the node is detached from the root.
  • Fixed cases where focus could be lost when a container transitioned from and to scrollable overflow states (macOS only).
  • Fixed text clipping in macOS.
  • Fixed incorrect handling of bottom and right padding in scrollable containers.

What’s coming in the future

There is an important issue that you need to be aware of for future XD releases, as the fix will impact plugin compatibility.

You should avoid using clientX and clientY in your event handlers. These return incorrect values, and while it’s possible to work around them by including offsets, this doesn’t match the web specification. We’ll be fixing this in a future update of Adobe XD, but we’re letting you know now because when this happens, any plugins currently relying on clientX and clientY may break.

We hope you enjoy these updates for plugins with XD 24. With a re-imagined Plugin Manager, a redesigned developer site, brand-new design resources for plugins, and API updates, there of lots of great updates and capabilities for XD plugin developers to use for creating amazing experiences for creatives who use Adobe XD.

If you’ve got questions about any of the above or have other feedback, please feel free to reach out in the forums.

Adobe Tech Blog

News, updates, and thoughts related to Adobe, developers, and technology.

Thanks to Erin Finnegan, Ash Ryan Arnwine, and Daniela Caicedo

Kerri Shotts

Written by

JavaScript fangirl, Technical writer, Mobile app developer, Musician, Photographer, Transwoman (she/her), Atheist, Humanist. All opinions are my own. Hi there!

Adobe Tech Blog

News, updates, and thoughts related to Adobe, developers, and technology.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade