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.
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.
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.
Running the Plugin Using A Link
The easiest way to use our plugin is via a share link from your Google Sheet file. This means you just need to create a share link and paste that link into our plugin after selecting the action ‘Paste Public Link…’
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…’
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 GoogleSheetsforAdobeXD@impekable.com
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.