You can also download our simple starter file to try out ContentSync.
You can see and make a copy of our simple starter Google Spreadsheet too.
Once installed, ContentSync will appear in your Adobe XD plugins:
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.
The next step is to create a project. Click the Create New Project button.
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!
Now select a version to work with. For now click on Version 1.
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.
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.
For your first pull, in Adobe XD, select your content version Version 2 and press Spreadsheet Pull.
Once it loads, you'll be prompted for updates. Press Update to see your changes take effect.
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!