Hero image

UXP for Adobe XD documentation

UXP (Unified Extensibility 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.

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#

Get started#

Quick Start: Direct Action

With this Quick Start, you'll get a solid grasp of how to create your own XD plugin.

Quick Start: Panel

Let’s walk through creating your first Adobe XD panel plugin together.

Quick Start: React

UXP supports many popular JavaScript frameworks. Let's build a panel-based plugin with React.

Guides#

Designing plugins for XD

These guidelines will help you define the best user experience for your plugin.

Develop

A quick overview of what you can build and how to get started.

Sample Code

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.

XD API

The API Reference for XD calls exposed through UXP.

UXP API

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.

Packaging Your Plugin

Packaging your UXP plugin is a breeze. In many cases, it's just one click away.

Options for Distribution

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.

Submission and Review

Learn about the review process and associated timelines for Creative Cloud plugins and integrations, and follow our review submission checklist.

Marketing Your Plugin

Submitting your plugin is only half the battle. Now you have to tell people about it. Read this for some ideas on how to best market your plugin.

Join the developer community#

Don't build it alone! We've got an awesome community that you can interact with during your journey to creating your XD plugin.

Whether you're looking for help, community discussion, or want to give us feedback, you've come to the right place!

Give and get help#

FAQ

Browse our FAQ on the forums for quick answers to common issues and questions.

Creative Cloud Developer Forums

Open discussion, Q&A, and support with community experts and Adobe staff on anything related to building XD plugins. Jump in and say hi (we'll say hi back)!

Stackoverflow

You can also ask questions to the broader developer community on Stackoverflow. Use the adobe-xd tag when asking questions.

Give us feedback#

API bug reports and feature requests

Got an API bug or feature request that you want us to consider? Bring it to the API Feedback forum for community voting and discussion.

Application feedback

Want to file a bug report or feature request for XD itself (not API-specific)? Tell us on UserVoice.

Get the latest news#

Adobe Tech Blog

Developer-focused news from across Adobe. We post about API updates, how-tos, events, and more on this blog. Be sure to follow us for regular updates that matter to you.

CC Developer Newsletter

CC Ecosystem updates delivered directly to your inbox. We cover topics ranging from API announcements to go-to-market tips. Sign up for the newsletter to stay in the loop on the latest from across the ecosystem.

Open source#

XD repos

See our GitHub repos for opportunities to contribute. Each repo has a Code of Conduct and Contributing file that you should review before getting started.

Your repos

Open sourcing something that you think would benefit the broader developer community? Consider submitting it for addition to the xd-awesome repo.

Was this helpful?
Copyright © 2021 Adobe. All rights reserved.