XD Sheets logo

Google Sheets for Adobe XD

a plugin for Adobe XD

Download Plugin
XD Sheets logo

Google Sheets for Adobe XD

a plugin for Adobe XD

XD Sheets header image
XD Sheets logo

WHAT’S IN THIS PLUGIN?

The Google Sheets plugin for Adobe XD enables designers within XD to enrich their designs with real content and data from Google Sheets. This allows collaboration with other team members to create dynamic designs, right from XD.

How To Install

In XD, use the Plugin Manager to search for Google Sheets. Simply click Install to get stared!

You can also download our plugin from this website. Once downloaded, double click the plugin file and it will automatically launch XD and install the plugin.

You can uninstall the plugin at any time by using the Plugin Manager.

XD Sheets logo

Formatting Your Google Sheet

In order to make sure your content is brought into XD correctly, there are a couple rules to follow. Always use columns to organize your different content. This means each column should contain one type of content. When including images, use image URL links pasted in these columns. If you’re familiar with standard .CSV formats, this is what you’re trying to do.

Here is a link to an example properly formatted Google Sheet file.

XD Sheets logo

Preparing Your XD File

We also want to make sure that your design in XD is set up correctly. You can select individual element(s), group(s), repeat grids(s) and/or artboard(s) to plug in content from the Google Sheet.

Here is an XD file that will work with our Google Sheet example.

XD Sheets logo
XD Sheets logo

Running The Plugin Using A .CSV File

Another way you can use our plugin is by using a .CSV (comma-separated values) file exported from your Google Sheet. You can also use any other properly formatted .CSV file with our plugin.

You simply export the .CSV from your Google Sheet and load into our plugin after selecting the action ‘Load .CSV…’

XD Sheets logo

Common Troubleshooting Questions

There are some common problems that we’re aware of. Here are some examples of problems you might run into, and how you can fix them.

If you find any bugs or have any feature requests, please don’t hesitate to email us at [email protected]

WHAT DOES THIS ERROR MEAN?

There is nothing selected

This means that there were no elements in your XD file selected for the plugin to put content into. In order to show the content in XD, you have to tell the plugin where to put it. Select either individual elements and/or groups to get started.

Refresh as first action

This means that there is no Google Sheet attached to your design that you can refresh. You must first perform the act of tying either a Google Sheet via a public link, or a .CSV file to your design. Then you can refresh that same content into other aspects of your XD file.

Incorrect formatting

This means that something in your Google Sheet is set up incorrectly. You can reference the instructions above to see where it might have gone wrong.

Unable to access sheets

This means that your Google Sheet is set to private. In order for our plugin to use your Google Sheet it needs to be set to public. If you can’t make your Google Sheet public, try using our .CSV option.

Invalid URL

This means that something went wrong with setting up your Google Sheet URL. Try to make sure you copied the correct URL. If it’s still not working, try recreating your Share URL from Google Sheet.

Invalid .CSV

This means that something went wrong with your .CSV file. Please make sure you used the right .CSV file. If it’s still not working try re-exporting the .CSV.