> For the complete documentation index, see [llms.txt](https://docs.contentsync.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.contentsync.com/plugins/adobe-xd-plugin/getting-started.md).

# Adobe XD - Getting Started

![A quick GIF showing how your designs can be easily toggled using the content versions on your spreadsheet.](/files/-MFfSjHrUahykr3G6pWu)

## 1. Download and Install

You can download ContentSync for Adobe XD [**directly**](https://contentsync.com/download/adobexdplugin) or through the[ **Adobe XD plugin store**](https://xd.adobelanding.com/en/xd-plugin-download/?name=87caed95).

You can also download [**our simple starter file**](https://contentsync-public-files.s3-us-west-1.amazonaws.com/ContentSync_Getting_Started.xd) to try out ContentSync.

You can see and make a copy of our [**simple starter Google Spreadsheet**](https://docs.google.com/spreadsheets/d/1MNuR1e80WZiAmpsnYK4AssQ1tDL1BDxi32SH4GYK0x0/edit?usp=sharing) too.

## 2. Open Adobe XD

Once installed, ContentSync will appear in your Adobe XD plugins:

![](/files/-MDp5hV9s-98nrSsAlc_)

## 3. Create an Account

Opening the plugin and click **Get Started!**. This will open a login box where you can choose the account you'd like to use - Google or Microsoft.

![](/files/-MDp5x-m99hr0OIj9oML)

## 4. Create a Project

The next step is to create a project. Click the **Create New Project** button.

![](/files/-MDp6Oj2NCQ9EFVcGm-s)

Enter the project name and press **Create**. This will create the project and the spreadsheet in the background. Once complete, you'll be ready to sync!

{% hint style="info" %}
Issues getting your project set up? Check out the ContentSync platform ([www.contentsync.com](https://docs.contentsync.com/plugins/adobe-xd-plugin/www.contentsync.com)) for better setup and troubleshooting. As always, feel free to contact support if you need help.
{% endhint %}

## 5. Select Version

Now select a version to work with. For now click on **Version 1**.

![](/files/-MDp78pTCOrMxo-GBASt)

## 6. First Push

Now select your whole design to sync all the contents. Once selected, you will see the content keys on the right side. This just shows you what keys will be synced. Now press **Push > Push Content**.

Once complete, open your spreadsheet and you'll find all of your content synced to your spreadsheet!

You can easily open your spreadsheet by going to **Project > Open Spreadsheet**.

![](/files/-MDp7h90MSdCMwfZ9NZ3)

## 7. Create New Version

Now in your spreadsheet we can quickly make a new version. Just fill out the contents for **Version 2** on your spreadsheet. We chose to use google translate to make a Spanish version, but you can make it anything you would like.

![](/files/-MDp8C2qRjaG4nkpqNkw)

## 8. First Pull

For your first pull, in Adobe XD, select your content version **Version 2** and press **Spreadsheet Pull.** 

![](/files/-MDp8Q61NdwiuHQ2Ds5G)

Once it loads, you'll be prompted for updates. Press **Update** to see your changes take effect.

![](/files/-MDp8_dSxMJ7XHpH1Ygh)

## 9. Wrapping Up

Voila! You now have pushed content from your design to a spreadsheet, created a new content version and pulled that new version into your design.

This is just the basics. Explore all the features and become a pro. You'll be amazed at the content systems you can create with a spreadsheet!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.contentsync.com/plugins/adobe-xd-plugin/getting-started.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.