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!
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.
Ruth Ivimey-Cook commented
Thoroughly agree with comments. XD needs more work on basic features like this.
Elaine: if "action required" means you are waiting for community to respond, please revise that!
I feel there are absolutely enough suggestions on this thread to make a workable feature without further community input. For my part:
- Excel import
- What Ash said (18Jul)
- Something akin to MS Word's pre-canned Table style templates -- as a starting point for further interaction.
It's absurd that XD doesn't provide this; so much so that I feel there must be an agenda behind it's lack of implementation.
To reiterate the basic table functionality desired as described by another bemused user OVER TWO YEARS AGO:
1. Resize columns (and the rest of the table follows suit
2. Reorder columns
3. Individual Cell styling (for a selected row or cell)
4. Cut/Paste from Excel into the cells
5. Quickly make a table of X by Y cells (in under 3 seconds)
6. Update padding, spacing, borders, coloring of the whole table at once, text follows sizing
7. Edit footer and header rows
8. Saved quick styles of a table
9. Fit to group - so if I make the group bigger, the table scales properly
10. Data pulled from external source (JSON or other) - this is bonus
Let's have some sort of constructive, responsive reply please, admins.
I think that Mockplus does this well. You select the table component from the library and drag it on the canvas. It shows a basic excel-like table. You can then change the width/height of any cell, it's background-color and typography. Pair this with a scrolling area box and you have the capability to mimic fixed columns/rows (another thing Mockplus does well).
If I had these two features it's game over - XD would legit be top dog of the UI design game. I work on designing enterprise applications so data tables and data visualization is an everyday consideration.
Not every bullet point has the same amount of text. I haven't yet figured out how to easily change the position of the grid element when the amount of text in the bullet point changes in the repeat grid I'm working on. Am I missing an instruction somewhere? And how hard should it be to create bullet points? With HTML it is one of the easiest things to do! It seems like repeat grid lists only work for lists of identical elements, which bullet points are more often not identical. Thanks.
Build it. Port over InDesign's Table Tool.
Enterprise UX/UI designers needed this TWO YEARS AGO.
Craig Clark commented
I'd like to see lists and tables. Repeat grids are great if I have block elements that need to be repeated. However, it's only really useful if those blocks are all the same size.
When prototyping, I use real content to show clients. XD has very poor typography control. So I try to emulate with a repeat grid. This doesn't work if the text in my list is different lengths (sample attached). In this case, it's not a big deal, but if I had a lot of items to work with, it would be time-consuming.
This is ridiculous. Having the ability to drop in tables shouldn't be a Feature Request. It should have been part of the first release! Repeat grid is no solution.
Step back from the buzzy "nice to have" features and create a proper tables tool w/ability to import from Excel.
Is there any update to this?
Leonard Madarang commented
I am another user that would greatly benefit from table functionality.
Well, aren't we all glad that with the subscription model, new features can be implemented quickly. Right. One gets the impression that the designers working on XD have not worked in enterprise software situations where data tables are core to the interface. Repeat grid really assumes a particular type of user: building consumer apps heavy on visual presentation of products and messaging.
It's been going on THREE YEARS since Adobe said they wanted to hear about needs beyond repeat grid. Once again, customer requests are ignored.
Repeat grid doesn't come close. Strongly agree with so many of these comments. Need to be able to control column widths, justification etc at atomic level. Import from Excel would be ideal. I design fintech software, very table intensive, XD poor support for tables prevents me from dumping Axure.
Herb Lichtenberg commented
I built a plugin for XD that creates a table and fills in data with it. You can customize the header and table column width, column heights, fill colors, stroke colors, font colors, and font sizes. It uses a csv file with all of the details about the grid and in the same file the comma separated data has the header text and table body text as well. It's pretty rough but it gets the job done. Let me know if this is something you folks are interested in. I can also consult with you or your company to customize off of what I've built as well.
I am doing a UI which is incredibly data-driven, and as such there are a LOT (and I mean A LOT!) of data tables.
It would be great if there were a table tool, with a Properties Panel, that controlled number of rows & columns, cell properties, alternate row color, column headers, corner radius... and all the other trimmings and trappings of a good table manager.
Repeat grid is good for tiling objects, but not good at all for tables.
It would be nice to populate data from a spreadsheet.