Lists and Tables
What I am missing while designing for the web with PS or AI is, the possibility to create lists (ordered or unordered) or tables or other stuff, that is possible with html/css.
If repeat grid doesn’t suffice, we’d love to hear about what you’d like to see. Please fee free to file another request or upvote one of our suggestions in the database!
Adobe XD is awesome! It would be great if there is any tool to draw tables with different styles. Also a format painter option would be good too. Often times we want the style to repeat.
Tom Walters commented
Adobe !!!!!! Are you listening ? Please add a table feature !
Joe Paradis commented
Repeat grid is simply a bad solution for tables. Repeat grid is good for creating elements with uniform width & height and super simple tables but sucks creating a complex data table which requires variable column widths and variable row heights or tables with column and row spans or alternating row/column colors.
I do a lot of design for enterprise level online applications such as insurance claims management systems and the like which simply can't be mobile friendly due to the complexity of the tasks the application has to do and the amount of information that has to be displayed on a single screen at a time. Repeat grid for these kinds of data driven applications is more of a hindrance than a help.
It takes 10x longer to manually construct and fiddle and tweak a complex table with repeat grid than it is to make one in dreamweaver or indesign. All I have to do in those programs is specify how many rows & columns I need, merge where needed and then copy and paste my excel data in. Then style and color from there. EZ, PZ takes mere minutes to do.
With repeat grid I'm pulling my hair out having to manually tweak and futz with everything and anything linked together via the repeat grid part changes all at the same time... Its a freakin NIGHTMARE to work with for actual robust data tables. Repeat grid is basically a <div> grid emulation tool. And it is a good tool for THAT function. But not for data tables.
While divs should be used for design. Tables should be used for Data. End of story.
+1 for table feature
I also found this feature request on which it is possible to vote. Might be worth adding to that one as well.
Ashvini Sharma commented
Repeat grids work for me. I didn't miss the table feature as long as I am designing just designing a wireframe for the product.
Sorry folks, but I couldn't visualise a requirement of table. Can anyone please share a use case? I love to see such case.
Repeat grids to build tables (several rows and columns) are time-consuming. We need something simpler. I, too, was shocked when I discovered there was no "table tool" in XD.
Repeat grids work great with one-column/one-row tables. Now try to build an 8x8 table with data on it and you'll see why repeat grids are not cut to the job.
I've included a real-life example as a screenshot. It took me 15 minutes to build this table. My developer did the same thing in Angular in 5 minutes, and it's easier for him to update and change it. That's totally against the point of a prototyping tool.
Please give us a table tool!
Duane Kithinji commented
Hey XD team. Great work with XD. Love it. Thank you. Keep it up.
Wasting incredible amounts of time designing tables -- even when using repeat grids.
Spending tonnes of time on table fit & finish.
Something that takes me a few minutes in Excel can take me half an hour in XD.
Assuming you brave it out and get your table done just how you want it, God forbid that you should have to make changes to it. Worse yet, across multiple artboards. Yes; components; but no, those don't work as well as advertised.
It's so bad, I have to use Excel as my "rapid prototyping tool" for table view UI design, then find a way to move those to Adobe XD (currently manual).
I'd like a tool where I can drop a table quickly, define rows and columns, populate data (manually or linked/imported), move around my columns and rows to fit the data how I want, set different properties for each cell, tables lines, borders etc, add images into cells etc... Basically anything I can do in excel with table design. I would like to do in XD.
I've spent the whole day just trying to figure out how to put together a substantial table design with cells that have sub-categories in XD, -- 8 hours. Finally just chosen to do it in excel :o 🤦🏾♂️.
I'd like a tool in XD that doesn't stand in the way of my creativity. Something that gets out of my way, and just allows my thoughts to flow freely -- at the speed they arise.
There are 68 comments here but only 4 votes. I wish everyone who commented voted.
Tried to vote but voting greyed out. .... ??? Can't vote!
This is needed -- bad!
Tom Auger commented
Going to add my voice here, along with a use case. It often happens that we need to mock up Admin UX – these are very often dashboard screens, CRUD update screens, and a lot of tabular data views. It even happens on end-user facing views especially in e-commerce applications (think: product listings, shopping carts, etc).
Repeat grid is a lot of fun when you're dealing with a mix of graphical and textual elements. But woe be unto you if you realize after setting up your repeat grid, that you're missing an important column, or that the order is wrong, etc. It means a lot of rework, aligning header and content rows etc.
At the end of the day, the intent of the UX designer is to mockup a tabular view. There are so many examples "in the wild" of software that has been in use for literally decades that have robust tabular grid creation and manipulation features; these patterns are well-established and don't require any real re-imagination. Other users have cited PowerPoint, Excel, even InDesign... This kind of functionality would save the UX designer so much time in these common situations. Please implement!
Briana K. commented
Repeat Grid is a fantastic tool, but it would REALLY help if I was able to drop in a table from InDesign or have a plugin or something that pulls my table from an excel file. One or both of those would be GREAT.
Jerimy Brown commented
We need tables and lists IMO... Repeat grid, does not allow for things, like col span, row span, etc... I could go on... These are things you might need to clearly communicate and pass off to dev, and since XD has a dev link feature, it would be cool to allow dev to be able to copy and paste actual html code to save them time, and the only way that could happen is if the tables/lists were constructed in a manor that was true to form. I see lots of online products like webflow that allow you to build a website visually with a GUI, that is entirely underpinned by actual code, and actual css principals, so you can export a working website when you are done... That notion comes to mind here. Unfortunately for me, I work for a very large global company where changing tool sets is a massive undertaking so I am stuck using XD for now, but I love adobe products and hope XD will grow into something more sophisticated, so I don't continue to long for something else LOL ;)
Irina Kelly commented
It's super time consuming to create a table in adobe XD. Repeat Grid is not the same. I don't want to make all columns the same size
+1 for a way to create tables in XD just like we do it in InDesign. It's essential :)
Just look at the functionality that exists in MS Powerpoint for creating tables. Duplicate that exactly and you are cooking with gas!!
Bryce Flynn commented
Basic grid functionality should be self-explanatory. Look at Excel! Or Axure, or Word, or PowerPoint, or Google Sheets, or Outlook, and so on. Ability to stretch or shrink entire grid horizontally and columns resize proportionately. Widen one column, the column beside it shrinks. Import multiple columns of data. Hard to see what's hard to see about this really simple core feature.
Lauren McC commented
Please could we have something like this? As others are saying repeat grids are a poor substitute for working with data-tables and lots of information.
Yes, definitely! Like you have in InDesign, with tables you have different column widths, headers, footers, borders, padding, etc.
Bullet lists too, I'm always having to create them manually and adding the icon as separate elements on the side and fiddling with the alignment.
Come on XD team - trying to say that repeat grids are good for this is pretty lame. Repeat grids are GREAT.... but they are really obviously in no way at all a logical choice to produce tables or list layouts like menus etc.
Think about it... our designs are going to end up as <TABLE> and <THEAD>, <TD> etc... each element has margin and padding and colours... we need a basic interface where you draw the table with rows and columns and then define what the elements are and the properties for each.
Surely this is not too hard a feature to add for such a talented team?
A search of the web and I can;t find an easy workaround on XD, I can also see people on other popular tools are struggling. If you want to be crowned the best web/UI design tool on the market - you'll need to step up and nail this!
Sean Kelly commented
As has been said by others repeat grids are too time-consuming when you what a table of data and wish to try different stylings to see which works best for your design. Being able to drag and drop a table, with the number of columns and rows, along with the styling properties for paddings, spacing, colour, borders (i.e. all the CSS styling options for tables) would make designing data tables so much easier. Then being able to link to a data source such as csv, xml, excel to populate the table would be a time saver.
Please provide a table/list that links with Excel data that is easy to edit. We use tables all the time and it's a pain using the repeat grid.
UX Designer commented
There's a thread with additional votes on this but no Adobe response here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/32348212-data-grid-table-component-with-core-functionality
I echo what's said in both places, table styles and the ability to import data into tables with cell, header and subheader styles that allow for varying row and column sizes alternating row or column colors, different borders, etc... are very much needed. As it is, I have to create a component for every slight variation of our tables and then I have to enter the cell data manually.