When you have the right structure for your XD plugin, it will look like this:
my-plugin-folder
├── main.js
└── manifest.json
Create a new folder for your plugin with any name you like.
Within the parent folder, you'll need at minimum two files, with these exact names:
manifest.json
is your plugin’s manifest.
This file is where you include _facts_ about your plugin, such as its name, the menu item(s) it adds to XD, and so on. [Learn about the manifest here](./manifest.md).
main.js
is your plugin’s code.
This file contains your JavaScript code that implements the logic for your plugin. [Learn more about `main.js` here](./handlers.md).
These two files go into your plugin's parent directory.
The manifest.json
and main.js
files stored in your plugin's parent directory are the bare minimum requirement for your plugin to work, but it's possible to have more JavaScript files if you want. You can learn about including further JavaScript files in our JavaScript concepts section on using require
.
Read on to learn about the two required files: