From the course: Adobe XD Quick Tips
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Design with data using Google Sheets - Adobe XD Tutorial
From the course: Adobe XD Quick Tips
Design with data using Google Sheets
- [Howard] Hey everyone, I'm Howard Pinksy, and in this Adobe XD tip, we're going to take a look at designing with data using the Google Sheets plugin. Here, I have a few landing pages for a furniture-based website. And over to the right on this page over here, I have this section that I'd like to populate with about six new items. And in this particular project, I'm working with a team of people who are managing a lot of that information inside of a Google sheet. And this particular spreadsheet has three columns: item names, descriptions, and images. And as I'm setting up my Adobe XD document, I'm going to pay attention to the column names. In this case, item, description, and image. So hopping back over to Adobe XD, I have three layers, and if I hop into my layers panel, I'm going to make sure to select each layer and name them appropriately. So this one will be image. This one right here will be item. And then…
Contents
-
-
-
-
(Locked)
Action menus within repeat grids6m 46s
-
(Locked)
Quickly create and rearrange navigation links using Stacks3m 47s
-
(Locked)
Design with data using Google Sheets2m 57s
-
(Locked)
Add audio playback to your prototypes2m 44s
-
(Locked)
Overriding components in your repeat grids3m 31s
-
(Locked)
Add avatars to your projects with UI Faces2m 35s
-
(Locked)
Create animated check box components4m 52s
-
(Locked)
Create a shopping cart pop-up component6m 44s
-
(Locked)
Prototype an animated search interaction5m 34s
-
(Locked)
Create an animated settings icon3m 22s
-
(Locked)
Navigating components with keypad triggers4m 27s
-
(Locked)
Adding textures to your designs5m 35s
-
(Locked)
Create a product widget with multiple color options8m 45s
-
(Locked)
-