Batch override sequences for Components within Repeat grids - drop multiple images or text file
This is something that is possible with Non-Component items inside Repeat Grids, but not with Components currently.
This is a greatly needed feature, especially when you're trying to create a Design System (which Adobe have been so vocal about recently). For example, in most Design Systems you will have Components such as Cards (with Image, Avatar, Title, Bio etc..), and having to edit these manually when inside of a Repeat Grid just makes the relationship with Design Systems and Repeat Grid null and void currently.
Anonymous
shared this idea
13 comments
-
Jonathan Bereyziat
commented
This is realy needed this feature is essential to make a design FAST and DYNAMIC
-
Tomas As
commented
Now you have to choose you want speed or interaction! Make repeat grid with components work same way like with text. Now if you want to make long list of text + interaction (hover) you have go one by one in to component and change text in DEFAULT state + HOVER state!!! So if you have 10 components you changing text 20 times! With repeat grid feature to update all components from text file in both states would be AWESOME and it save everyone so MUCH TIME! PLEASE MAKE IT!!!
-
Jess Dillard
commented
Current behavior: Cannot use the Google Sheet plugin or drag-and-drop .txt file onto a text layer within a component within a repeat grid.
Desired behavior: Allow the flow of data into a component in a repeat grid.
Why this is needed: Users may want to place components (such as a card/tile or table row) in a repeat grid and then populate with real content.
-
Matěj Kříž
commented
Once we will be able to change Component States in Repeat Grid (see https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38986252-allow-component-states-in-repeat-grid) it would be very useful to have option to bulk edit component state.
As we can update text form text files, we can define text file with one "ID" or "Name" per line of component state. Then drag'n'drop this txt file over a Component in Repeat Grid and BOOM state is applied. -
Ken M. Haggerty
commented
This continues to be a major issue. I've looked at plugins like Data Populator, but apparently they too are unable to update text inside components due to API limitations of Adobe XD.
An example use case: I have a component that is effectively a "redacted text" element consisting of text and an optionally-visible opaque rectangle covering the text. This is useful and necessary so that I can go into my component, make the rectangle visible, and immediately redact all text inside my Adobe XD mockups. However, in order to be able to use this component in a Repeat Grid and be able to drag in a list of values, I have to copy-paste the actual text element outside of the component. This is especially an issue if, for example, the text size needs to be updated; rather than merely updating the component and having the update cascade, I now have to manually update every instance that occurs within a Repeat Grid.
-
Tomas As
commented
This needs to go with another update that master state text changes updates other component states. So i can use google sheets with all my components and have really fast way to update texts. Now you have to choose either functionality or fast text placement.
-
Ken M. Haggerty
commented
What is a little ironic is that the Adobe XD ProTips homepage prominently features a video right now on "Override Your Repeat Grids with Components"... except that in the video they don't actually turn their repeated UI into a component. https://youtu.be/EYImhBWJBdg
I guess they are solving the reverse-problem of "how to override elements within a repeat grid".
-
Dan
commented
Agree with Axel and Ken - it does seem like a bug. Should work like: 1) Create the component layout e.g.: profile card (image, name, contact information). 2) Use the repeat grid to populate the canvas. 3) Drop in the text / images from folder / txt file to populate the individual component elements.
-
Ken M. Haggerty
commented
This is definitely needed and almost feels like a bug. Like Axel explained below, I'll create a component like a card or table row and then use repeat-grid to generate a page of cards or table, but dragging-in a text file with my desired values only updates the first instance since the text object is contained within a component. I assume the same behavior occurs when dragging in image files. I need to be able to preserve the component to maintain consistency so un-grouping it within repeat-grids is not really an option.
-
Axel Hermes
commented
Populating is currently only possible if the elements are not a component.
For example you have a card module with image, title and a paraphrase as a component, because you want to to use in various places. If you then drag a text on the title element of the card, all repeated cards get the same title and not the different titles from the txt.file. Plug-ins refuse to populate any data.
This applies also for Plug-ins like Data Populate, Repetor or Google Sheets. For Data Populate it is also not working it the card is a group.
You need to break a component apart or ungroup it, so that all elements you want to populate are ungrouped on the first level.
But then you don't benefit from the components approach. If anything is changed in a component you need to manually update all (unlinked) appearances of that component in your design.
-
Anthony Davies
commented
Totally agree with this - repeat grids are there to create really quick mockups which should be a great combination with design systems. But you can't use repeat grids with components so you're left with a hard choice: create a design system and manually create grids, or use repeat grids but don't use a design system.
-
小栗隆之介
commented
When repeating grid components, dragging text file does not apply.
Currently, is it possible to apply text by dragging only the elements directly below the repeat grid?
If so, we will often repeat the component, so we ask for improvement.
-
小栗隆之介
commented
When repeating grid components, dragging text file does not apply.
Currently, is it possible to apply text by dragging only the elements directly below the repeat grid?
If so, we will often repeat the component, so we ask for improvement.