Skip to content

Commit 332730f

Browse files
author
Steve Kwak
committed
summary changed and overall landing page added
1 parent 635f27f commit 332730f

12 files changed

+233
-197
lines changed

README.md

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,45 @@
1-
# Creating an Adobe XD Plugin
1+
# Plugin APIs - Bring your product and features to XD
22

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.
44

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>
614

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">
816

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.
1019

11-
Now, let’s supercharge the future of design together with XD plugins!
20+
[Start coding](/tutorials/quick-start/index.md)
1221

22+
<img src="/images/[email protected]">
1323

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
1625

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.
1827

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]()
2229

23-
### Users workflow in XD
30+
<img src="/images/[email protected]">
2431

25-
![Example of a users workflow with plugins](/images/users_workflow_plugins.png)
32+
### Manage your plugin project
2633

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.
2835

36+
[Visit the I/O console]()
2937

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
3139

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.
3341

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)
3943

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

Comments
 (0)