We recently announced the launch of panel APIs in XD 21. This week’s release of XD 22 marks the launch of the first round of panel plugins! This week we’re showing off some of the awesome panel plugins developers have built for XD.
By the way, XD 22 didn’t ship with any new APIs, but we did fix a significant Windows bug. Scroll down for the details.
Panel Plugins Showcase
As announced in our previous API update post, plugins can now offer functionality right alongside the design canvas in XD. Many of our developers have used this functionality to create panel plugins and we wanted to showcase a few of them here.
The UI Faces plugin for XD just got a major update! The new version of the plugin will take advantage of many functionalities that are only available for panel plugins. For example, the plugin can read the user’s selection real-time and only shows options when the right element is selected.
For example, since the user has selected a rectangle (above), the plugin now shows various options to filter the faces to apply.
If you’d like to build similar functionality into your XD plugin, you can read more about how to detect a user’s selection in real time in this section of our docs.
Icondrop by Iconscout
Icondrop by Iconscout is another good example of a plugin that takes advantage of the persistent nature of panel UI. By having the plugin panel open while the user works on their document, Icondrop allows the user to use filters to find assets.
Learn more about how to build a panel UI like this by visiting our docs site.
Another great use of a persistant UI is the Frontify plugin. It allows users to access up-to-date design systems from a centralized brand management platform.
Because the Frontify panel can stay open alongside the document, users can easily browse through each brand asset in the plugin panel. The plugin also allows users to add colors and fonts to their brand assets via the panel in XD by using XD’s asset APIs.
When the user clicks on the linked layer thumbnail to check for any annotations, the plugin uses the viewport API to bring focus to the linked layer.
Bug fix for network APIs on Windows
By the way, in XD 22 we fixed a bug that was in the network APIs specific to Windows. When
POST requests were made from the plugin on Windows, XD's network API added an unwanted header:
transfer-encoding: chunked. This bug prevented some developers from uploading content to third party servers like Amazon S3. We have fixed this bug in XD 22, so you can send network requests without an unwanted header.
Which XD version should I use to build my plugin?
In the run-up to bigger API enhancements, we offered prerelease builds of Adobe XD targeted specifically to developers who want to get a head start.
Now that XD 22 is live, the public release is the only version where you should be developing and testing your plugins. We’ll be sure to let you know when we have another developer prerelease available!
The four plugins above are just a small sample of many panel plugins built by our talented community of developers. Be sure to check them out in the Plugin Manager and leave comments below. If you have any questions, feel free to chat with us in the XD Developer forum!
For more stories like this, subscribe to our Creative Cloud Developer Newsletter.