data-slots=image, heading, text
data-background=rgb(64, 34, 138)
UXP for Adobe XD documentation
UXP (Unified E x tensibility Platform) lets you build plugins for XD and other Creative Cloud apps. Automate workflows, build new features, and connect to other software and services—all with HTML, CSS, and JavaScript.
data-slots=heading, links
data-variant=warning
data-slots=heading, text1, text2, text3
Important Changes for XD Plugin Distribution in the Marketplace
We are no longer accepting new plugins for Adobe XD in our Marketplace.
Existing published plugins can continue to be managed and updated via the Developer Distribution portal. The UXP Developer Tool (UDT) will continue to support plugin development.
Visit the FAQs page for more details and refer to this document for the overall plans for Adobe XD.
Overview
This documentation helps developers build UXP plugins for Adobe XD versions 35 and later. If you're building UXP plugins for earlier versions of XD, see the Adobe XD Platform page.
UXP provides modern JavaScript, a curated selection of UI components, and a more streamlined workflow for plugin developers.
With UXP, you can develop:
- Direct Actions - headless plugins that interface with XD, the host OS, and the network, free of any UI.
- Modal Dialogs - plugins that implement one or more modal dialogs. Good for simple user interfaces that don't need to persist.
- Panels - full-featured panels that look like any other panel in XD. UXP panels can contain as complex a UI as you wish to develop. They can be resized, docked, opened and closed just like native XD panels. And with appropriate CSS constructs, your UXP panels can be theme-aware and change as the user switches UI themes in XD.
Discover
data-slots=heading, link, text
Get started
With this Quick Start, you'll get a solid grasp of how to create your own XD plugin.
data-slots=link, text
Let’s walk through creating your first Adobe XD panel plugin together.
data-slots=link, text
UXP supports many popular JavaScript frameworks. Let's build a panel-based plugin with React.
data-slots=heading, link, text
Guides
These guidelines will help you define the best user experience for your plugin.
data-slots=link, text
A quick overview of what you can build and how to get started.
data-slots=link, text
Want to jump right in building a plugin? Check out these code samples and make immediate progress.
API References
The APIs come in two parts: the methods and properties unique to Adobe XD, and those exposed by UXP to all UXP-enabled Creative Cloud applications.
data-slots=link, text
The API Reference for XD calls exposed through UXP.
data-slots=link, text
The API Reference for UXP itself. Includes UI APIs (including HTML and CSS), file and network I/O, and more.
Share
You've built the world's greatest plugin. What do you do now? This section explains how to package, distribute, and market your plugin.
data-slots=link, text
Packaging your UXP plugin is a breeze. In many cases, it's just one click away.
data-slots=link, text
Did you build a plugin just for yourself, your friends, or your employer? Or do you want to distribute through the Creative Cloud Plugin Marketplace on millions of desktops? Read this section to help you decide.
data-src=./community/index.md