The manifest is where you include metadata about your plugin. Simply put, the manifest is a list of facts about your plugin in the form of a JSON object. No executable code goes into your manifest.
{
"id": "YOUR_ID_HERE",
"name": "Name of Your Plugin",
"version": "0.0.1",
"icons": [
{ "width": 24, "height": 24, "path": "images/[email protected]" },
{ "width": 48, "height": 48, "path": "images/[email protected]" }
],
"host": {
"app": "XD",
"minVersion": "21.0"
},
"uiEntryPoints": [
{
"type": "menu",
"label": "Hello World Command",
"commandId": "helloCommand"
},
{
"type": "panel",
"label": "Hello World Panel",
"panelId": "helloPanel"
}
]
}
See the sections below to learn more about each key/value field. All fields are required unless otherwise noted below.
The top level of the manifest JSON object contains high-level information about your plugin.
Info Here are the definitions of the keywords in the "Required" column:
- Develop - required field for XD to run the plugin. If excluded, XD won't load the plugin
- Publish - required field for plugins to be submitted in the Adobe Developer Console and published in the Plugin Manager
Key path | Type | Description | Required |
---|---|---|---|
id |
string |
Unique identifier for your plugin. You can get your unique ID on the Adobe Developer Console. | Develop / Publish |
name |
string |
The name should be 3 - 45 characters. Note: We recommend your plugin name matches the project name you created when getting your plugin ID from the Adobe Developer Console. |
Develop / Publish |
version |
string |
Version number of your plugin in x.y.z format. Version must be three segments and each version component must be between 0 and 99 . |
Develop / Publish |
icons |
array<object> |
Icons displayed in XD's plugins panel. PNG, JPG/JPEG formats are supported and the max file size for each icon is 1MB. Two sizes are required - [24, 48] . Note: Icons for XD's Plugin Manager are uploaded directly via the Adobe Developer Console, not included within your plugin itself. See our "Publishing your plugin" guide to learn more. |
Publish |
host.app |
string |
Indicates that this is a plugin for Adobe XD (currently, the only valid value here is "XD" ). |
Develop / Publish |
host.minVersion |
string |
Minimum required version of the host app (in x.y format) that can run this plugin. The lowest valid version for headless and modal plugins is 13.0 . The lowest valid version for panel plugins is 21.0 . Note: The version number must be two segments. Typically, you'll leave the minor segment set to 0 , e.g. 16.0 . |
Develop / Publish |
host.maxVersion |
string |
Maximum version of host app that can run this plugin. Same formatting as host.minVersion . |
Optional |
uiEntryPoints |
array<MenuItemDefinition> |
Describes the entries your plugin adds to the Plugins menu & "plugin launchpad" sidebar in XD. See the next section for details. | Develop / Publish |
The uiEntryPoints
field is an array of objects matching the MenuItemDefinition format specified below. These entries appear both in the Plugins menu in the native menubar, and the "plugin launchpad" sidebar panel. See Plugin menu structure for details on how these entries are displayed.
Each entry point specifies either commandId
or panelId
, to create either a direct-action command or a panel show/hide command.
Key | Type | Description |
---|---|---|
type |
string |
Entry point type: either "menu" or "panel" . |
label |
?string|LocaleMap |
Required if multiple MenuItemDefinition objects defined; ignored if only one defined.Label for this menu item that the user will select to run your plugin. May be a single string or a dictionary of localized strings. |
commandId |
string |
Specify commandId to create a menu item that runs plugin code directly -- either a headless command, or a command with modal dialog UI. This identifier links the menu item to a handler function in your plugin's JavaScript code. This identifier needs to be unique within your plugin. Don't specify commandId and panelId at the same time. |
panelId |
string |
Specify panelId to create a menu item that opens panel UI for your plugin. This identifier links the menu item to a panel definition object in your plugin's JavaScript code. This identifier needs to be unique within your plugin. Don't specify commandId and panelId at the same time. |
shortcut |
Object |
Optional. Object defining Mac and Windows keyboard shortcuts for this menu item. See "Keyboard shortcuts" below for details. |
Example: "shortcut": { "mac": "Cmd+Shift+P", "win": "Ctrl+Shift+P" }
Keyboard shortcuts are defined separately for each platform. Each definition is a string that follows this syntax:
-
One or more modifier keys, in any order, each one followed by
"+"
- Mac: modifiers may be
Cmd
,Ctrl
,Opt
/Alt
, orShift
. Shortcut must contain at least one ofCmd
orCtrl
. - Win: modifiers may be
Ctrl
,Alt
, orShift
. Shortcut must containCtrl
.
- Mac: modifiers may be
-
A letter or number key.
- Letters are case-insensitive (e.g.
"Cmd+P"
and"Cmd+p"
mean the same thing and neither requires pressing Shift). - Other keys (including punctuation, arrow keys, or F1-F12) are currently not supported.
- Letters are case-insensitive (e.g.
Info If your shortcut collides with a built-in XD command or another plugin's shortcut, your shortcut will be ignored and you'll see a warning printed to the developer console.
Plugin menu item labels or panel labels can be localized to match XD's current UI language setting. Other manifest fields such as name
cannot be localized yet.
Localized labels are represented as an object containing multiple translations, instead of a single string value:
"label": {
"default": "Menu Label",
"fr": "Etiquette de Menu",
"de": "Menübezeichnung"
}
A default string is always required. The language must be a two-letter code from ISO 639-1, not a hyphenated code such as en-US
. To avoid inconsistency with the rest of XD's built-in menu items, languages that aren't supported by XD are ignored.
Info You can also localize strings that appear in your plugin's own dialog UI, by choosing which strings to use in your UI based on the value of application.appLanguage.