Developing Plug-Ins and Extensions for Adobe XD
44mIntermediate2019-09-19
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
Learn how to create plugins and extensions using the Adobe XD API to extend the features and functionality of Adobe XD, and how plugins can be used to enhance your prototypes and applications. In this course, learn what the Adobe XD API offers and how plugins and extensions can amplify the functionality of Adobe XD. Then walk through the steps of creating your first plugin using JavaScript, HTML, and CSS code.
Learning objectives
Setting up a coding environment
Installing required software
Creating a user interface
Adding functions to plugins
Creation workflow vs. collaborative workflow
Working with the scenegraph
Using the Adobe I/O Console
Using Adobe XD plugin helpers
Updating plugin icons
Learning objectives
Setting up a coding environment
Installing required software
Creating a user interface
Adding functions to plugins
Creation workflow vs. collaborative workflow
Working with the scenegraph
Using the Adobe I/O Console
Using Adobe XD plugin helpers
Updating plugin icons
Skills covered
WireframingXcodeAdobe XDUX DesignAppleUser ExperienceProjectAdobeWeb Development
Concepts
0. Introduction
- 01 - Creating plugins for Adobe XD
- 02 - What you should know
1. Set Up
- 03 - Introduction to Adobe plugins
- 04 - Installation of the requirements
2. Get the Project Started
- 05 - Create your plugin project on XD
- 06 - Create the initial files
- 07 - Explore the files
3. Create the User Interface
- 08 - Download plugin helpers
- 09 - Update the icons for the plugins
- 10 - Create the main UI async function
- 11 - Add UI responses to prompt
4. Add Functions to Plugins
- 12 - Write the main generator function
- 13 - Create for loop to generate text
- 14 - Update main UI function with generator
5. Distribute Your Plugin
- 15 - Package and publish
- 16 - Other resources for help
Conclusion
- 17 - Next steps