|
1 |
| -# Creating an Adobe XD Plugin |
| 1 | +# Plugin APIs - Bring your product and features to XD |
2 | 2 |
|
3 |
| -XD plugins extend the capabilities of [Adobe XD](https://www.adobe.com/products/xd.html) by adding new features to the app, automating workflows, connecting the app to external services, and more. |
| 3 | +Shape the future of experience design on Adobe XD’s open platform by creating plugins for yourself, your team, or the world. When you’re ready to share a plugin for all Adobe XD users, submit it for review through the I/O Console. After review, you’ll be published in the XD Plugin Manager. |
4 | 4 |
|
5 |
| -On this page, we'll give you a quick overview of **what you can build** and **how to get started**. |
| 5 | +<a href="/develop.md"> |
| 6 | + <img src="/images/[email protected]"> |
| 7 | +</a> |
| 8 | +<a href="/plugin-design-guidelines/index.md"> |
| 9 | + <img src="/images/[email protected]"> |
| 10 | +</a> |
| 11 | +<a href="/distribution/index.md"> |
| 12 | + <img src="/images/[email protected]"> |
| 13 | +</a> |
6 | 14 |
|
7 |
| -From there, you can **choose your own adventure**: build a "Hello, World" plugin in our [Quick Start tutorial](./tutorials/quick-start/index.md), follow our [tutorials](/tutorials/index.md), try code-complete [sample plugins](https://github.com/AdobeXD/plugin-samples), or browse the [API references](/reference/how-to-read.md). |
| 15 | +<img src="/images/code@2x.svg"> |
8 | 16 |
|
9 |
| -Oh, and be sure to [join the developer community](/community.md) while you're here! We want you to say hi (we'll say hi back). |
| 17 | +### Quick start: create your first plugin |
| 18 | +We’ll keep things simple in this Quick Start tutorial. Once you’re done, you’ll have a solid grasp of the steps to take when starting to create your own XD plugin. We’ll also give you some next steps for learning more. |
10 | 19 |
|
11 |
| -Now, let’s supercharge the future of design together with XD plugins! |
| 20 | +[Start coding](/tutorials/quick-start/index.md) |
12 | 21 |
|
| 22 | +< img src= "/images/[email protected]"> |
13 | 23 |
|
14 |
| -## What can you build? |
15 |
| -Plugins can be **tools** that help users create or automate their workflow, they can streamline collaboration by allowing users to **import** and **export**, and they can also provide users with external **information**. |
| 24 | +### Design using the xd plugin ui kit |
16 | 25 |
|
17 |
| -The XD plugin APIs enable you to build plugins for a number of use cases, to help you get started here are three points to think about. |
| 26 | +XD plugins are used by designers around the world who expect great experiences. Download the XD plugin UI kit to start crafting your own XD plugin experience. |
18 | 27 |
|
19 |
| -1. **The plugin workflow** - Identify the user stories for your plugin |
20 |
| -2. **Key plugin action** - What are the key interactions for you plugin that would be valuable to your users |
21 |
| -3. **Entry point and UI for your plugin in XD** - consider the users intention in XD when interacting with your plugin |
| 28 | +[Download]() |
22 | 29 |
|
23 |
| -### Users workflow in XD |
| 30 | +<img src="/images/[email protected]"> |
24 | 31 |
|
25 |
| - |
| 32 | +### Manage your plugin project |
26 | 33 |
|
27 |
| -## Getting Started |
| 34 | +Whether you’re getting your unique plugin ID, submitting your finished plugin for review, or updating your XD Plugin Manager listing, the I/O Developer Console is the place to manage your plugin project. |
28 | 35 |
|
| 36 | +[Visit the I/O console]() |
29 | 37 |
|
30 |
| -There are lots of ways to journey through the documentation on your way to building the next great XD plugin. If you're just getting started, we recommend following the left-hand navigation on this site from top to bottom (or until you're ready to plot your own course!). |
| 38 | +## Plugin API roadmap |
31 | 39 |
|
32 |
| -Here are some highlights you won't want to miss: |
| 40 | +We’ve got a lot of stuff planned for the future of Plugin APIs on the Adobe XD platform, and we’ve built out a roadmap. |
33 | 41 |
|
34 |
| -1. **Get Started**: To begin, try our [Quick Start tutorial](./tutorials/quick-start/index.md), then follow along with [the API feature tutorials](./tutorials/index.md). |
35 |
| -1. **Go deep**: Learn more about how to build an XD plugin by reading [the plugin development 101](/plugin-development-guidelines/index.md) and then dig into the [API reference](/reference/how-to-read.md). |
36 |
| -1. **See code**: If you prefer to learn from working code, we have a [samples repo on GitHub](https://github.com/AdobeXD/Plugin-Samples) for you to take a look at. |
37 |
| -1. **Plugin Design Guidelines**: If you want to design a great plugin, we can provide guidance around [UX best practices and requirements](/plugin-design-guidelines/index.md) for plugins |
38 |
| -1. **Join the community**: We want to hear from you, know who you are, keep you up to date with the latest info, and grow together. See our [Community page](/community.md) to learn about how to connect. |
| 42 | +[View Trello board](https://trello.com/b/WFKmCVaz/xd-extensibility-roadmap) |
39 | 43 |
|
40 |
| -| **Develop** | **Design** |
41 |
| -| ------------- | ------------- |
42 |
| -| You can learn more about the API surfaces available to you in our tutorials, as well as in our API References. | You can learn more about the UX/UI of a plugin and the different guidelines to follow as you create your plugin. |
43 |
| -| [Plugin Development 101](/plugin-development-guidelines/index.md) | [Plugin Design Guidelines](/plugin-design-guidelines/index.md) | |
| 44 | +< img src= "/images/[email protected]"> |
| 45 | +< img src= "/images/[email protected]"> |
0 commit comments