XD plugins extend the capabilities of Adobe XD by adding new features to the app, automating workflows, connecting the app to external services, and more.
Also, this project provides live-reloading of plugins. So that developers do not have to copy their plugin project files into develop folder. Developers may start coding almost as same style as webpack-dev-server.
About Adobe XD
Adobe XD is made for designers, by designers. It’s the fastest way to design, prototype, and share any user experience, from websites and mobile apps to voice interactions, and more.
npm install -g yo npm install -g generator-xd-plugin
Create an XD plugin project
Move to the project folder created by
yo xd-plugin, and run following commands.
Install generated plugin
You have to reload the plugin for Adobe XD by
Package into an xdx file
npm run package
npm run validate
manifest.json is in
yo xd-plugin DEMO
If you are interested in contributing, please start by reading the Contributing Guidelines.
Build your own generator and link updates.
git clone firstname.lastname@example.org:adobexd/generator-xd-plugin cd generator-xd-plugin npm link cd .. yo xd-plugin
Apache-2.0 © Adobe
You use this utility at your own risk. Under no circumstances shall Adobe be held liable for the use, misuse, or abuse of this utility.