Is There a Repeat Grid in Figma? — 4 Ways to Recreate Adobe XD's Repeat Grid
“In XD, a card list took one drag with Repeat Grid — in Figma I don’t know where to start.” “I searched for a repeat grid feature in Figma and came up empty.” “What happened to dragging the gap to adjust spacing everywhere at once?” — For designers arriving from Adobe XD, Repeat Grid is one of the first things that seems to be missing.
The short answer: as of August 2026, Figma has no feature called “Repeat Grid.” But everything Repeat Grid did — repeating an element at even intervals, adjusting spacing in one move, swapping content per cell — can be recreated with Figma’s standard features in combination.
This article walks through the four methods that stand in for Repeat Grid → how to choose between them → how XD’s signature moves (bulk spacing adjustments, per-cell content swaps) translate to Figma. Drawing on Pixel Fine Converter’s work on XD → Figma conversion, it’s written for people who know the XD side well and want the Figma mental model.
What you’ll get out of this article
- A precise, current answer to whether Figma has a repeat grid equivalent
- The four stand-ins — wrap, the grid flow, components + instances, and plugins
- How to choose, based on which part of Repeat Grid you’re trying to replace
- The Figma counterparts to XD’s drag-to-adjust spacing and per-cell swaps
- What to do with repeat grids in files you’ve migrated from XD
Companion articles
For Auto Layout itself (adding and removing it, Hug / Fill, wrap in detail), see Figma Auto Layout — Vertical, Horizontal & Grid Flows, Wrap, Hug and Fill Explained. For how XD’s stacks and repeat grids come across during conversion, see Bringing Adobe XD’s Stack and Repeat Grid into Figma’s Auto Layout. This article focuses on building repeat-grid-style layouts inside Figma.
📝 Introduction — Where “there’s no repeat grid” stops you
XD’s Repeat Grid handled several jobs with one feature. Which job you’re looking for determines where to go in Figma.
Scenario A: You want many copies of the same element, evenly spaced
Cards or list items repeated across rows and columns. In Figma, Auto Layout — wrap or the grid flow — takes this over (Methods 1 and 2).
Scenario B: You’ve laid things out and want to change the spacing or styling everywhere at once
The XD move of dragging the gap between cells. In Figma, changing the Auto Layout Gap value in one place updates the whole set (see Changing spacing across the board).
Scenario C: You want the layout shared, but the content different in each cell
“Same card, different text and images” — the part of Repeat Grid that earned its keep. In Figma, components with instance overrides cover this (Method 3).
We’ll confirm the “no such feature” answer first, then take the methods in order. If you’re in a hurry, the comparison table works as a standalone summary.
🧭 Figma has no “Repeat Grid” feature — the short answer
As of August 2026, Figma’s official Help Center lists no feature equivalent to Repeat Grid. The one-drag auto-duplication that XD offered simply doesn’t exist in Figma as a single feature — that’s the accurate, current answer.
It reflects a difference in design philosophy. XD folded duplication and alignment into one purpose-built feature; Figma splits them into a system for arranging things (Auto Layout) and a system for multiplying things (components). So Repeat Grid’s job maps to a combination of features rather than a single one.
Split doesn't have to mean worse
It feels like extra steps at first, but the split means changing the arrangement and changing the contents are independent. Want to restyle every card without touching the layout? Edit the component and you’re done. The XD-style rework of “I dissolved the grid and now I’m re-editing everything” mostly disappears.
One caveat: Figma ships updates quickly, and names and menus move around. This article is written against the current official Help Center. Even if “repeat grid” never turns up in a search, the four methods below get you to the same place.
🔁 Method 1 — Wrap with Auto Layout
Best for: one-directional repetition that folds onto new lines
Turn on wrap in a horizontal Auto Layout frame and children flow across the row, dropping to the next line when they run out of width — tags, chips, and card lists that should fill and fold.
The skeleton:
- Select the elements and add Auto Layout (
Shift + A) - Set the flow to horizontal and enable Wrap
- Set the spacing with
Gap
To add more items, copy and paste inside the frame. Auto Layout owns the alignment and spacing, so pasted elements fall into formation. It isn’t XD’s drag-a-handle gesture, but the result — add one, everything stays aligned — is the same.
Wrap is only available on the horizontal flow, among other fine print. For settings and pitfalls, see the wrap section of Figma Auto Layout.
🔲 Method 2 — The grid flow for two-dimensional layouts
Best for: rows × columns that stay locked to a grid
The grid flow, added to Auto Layout in 2025, defines rows and columns (tracks) inside a frame and places children into cells. Wrap (Method 1) packs items and folds them — column positions drift between rows. The grid flow keeps both axes aligned.
For the “N rows × M columns of cards” look that Repeat Grid produced, this is the closest match visually. Row and column spacing are independent (Gap between rows / Gap between columns), and an element can span multiple cells.
Adding items works the same way — copy and paste. For setup details, see the grid flow section of Figma Auto Layout.
🧩 Method 3 — Components + instances
Best for: “shared layout, per-cell content” — the closest match in behavior
Structurally, this is the method that behaves most like XD’s Repeat Grid. Repeat Grid’s rule was “style changes hit every cell; text and images stay per-cell.” Figma’s components have exactly that relationship:
- Edit the main component → every instance updates (XD: restyle one cell, all cells follow)
- Override an instance → only that instance changes (XD: swap text or an image in one cell)
The skeleton:
- Turn the repeating element (one card) into a component
- Duplicate as many instances as you need
- Arrange the instances with Auto Layout from Method 1 or 2
- Override text and images per instance
In other words: the component owns the contents, Auto Layout owns the arrangement. This method only covers the full Repeat Grid picture when combined with Method 1 or 2 — worth keeping in mind.
For creating components and how variants fit in, see Figma Components and Variants — Creating Them, Component Properties, Slots, and Naming.
🔌 Method 4 — Plugins
Best for: recreating the drag-to-multiply gesture itself
Figma Community hosts several plugins that duplicate elements with a Repeat-Grid-like feel — searching for “repeat grid” surfaces them. They can save a step over building things manually, but plugins change hands and behavior over time, so for files you’ll maintain long-term, prefer the standard features (Methods 1–3) as the foundation.
For a broader look at plugins that help with XD migration, see 10 Best Adobe XD to Figma Plugins to Import & Convert Files (2026).
⚖️ Picking between the four methods
Choose by which of Repeat Grid’s jobs you’re replacing.
| Job to replace | Method | Notes |
|---|---|---|
| Row that fills and folds | 1: Wrap | Packs items; columns don’t align between rows. Great for tags and chips |
| Rows × columns, strictly aligned | 2: Grid flow | Visually closest to Repeat Grid; supports spanning |
| Per-cell content, shared styling | 3: Components | Closest in behavior; pair with 1 or 2 for the arrangement |
| The drag-to-multiply gesture | 4: Plugins | Quick, but build long-lived files on standard features |
In practice, the winning combination is Method 3 for the contents × Method 1 or 2 for the arrangement: card = component, list = grid flow. Set up that way, nearly everything you delegated to Repeat Grid is covered on the Figma side.
One XD feature maps to two Figma features
One Repeat Grid in XD corresponds to two features in Figma — Auto Layout to arrange, components to multiply and manage. Keep that mapping in mind and the rest falls into place.
↔️ Changing spacing across the board
In XD, you hovered over the gap between cells — the area highlighted in pink — and dragged when the cursor became a double arrow, adjusting every gap at once. What’s the Figma counterpart?
Auto Layout’s Gap.
- Wrap (Method 1): change the
Gapvalue and every interval updates together - Grid flow (Method 2):
Gap between rowsandGap between columnsare set independently
Where XD used a drag, Figma is number-first. If your design runs on a spacing system — 8 / 16 / 24 — typing the value is arguably more reliable than dragging ever was. Note that the outer margin of the frame is Padding, not Gap; if “the gaps changed but the edges stayed tight,” check Padding.
✏️ Swapping content in just one cell — what works and what doesn’t
Repeat Grid’s other headline trick was per-cell content: keep the shared layout, swap the text or image in individual cells. In XD, dragging a selection of images onto the grid filled each cell with a different one.
Figma’s counterpart is the instance override from Method 3 — and the boundary between what can and can’t be overridden is clearly defined.
Can be overridden (varies per cell)
- Text content and its type settings — font, weight, size
- Fill and stroke (type, value, opacity) — this covers images, since images in Figma are fills, so each cell can hold a different image
- Effects — add, change, or remove shadows and blurs
- Nested instance swaps — e.g., replace just the icon inside a card
Cannot be overridden (stays shared)
- Layer order / stacking order
- Position, and placement within Auto Layout
- Constraints
The trade-off in one line: contents can vary, structure cannot. If one cell truly needs a different structure, you’d detach that instance — losing its link to the main component in the process. For when detaching is and isn’t the right call, see How to Detach a Component in Figma — Unlinking Instances vs. Deleting.
Overrides not sticking? Check layer names
When you switch an instance to another variant, Figma keeps overrides on elements whose layer names match. If your swapped text keeps reverting, check that layer names line up across the component set.
🔄 What happens to repeat grids in files migrated from XD
Everything so far assumed you’re building from scratch in Figma. If you have XD files with repeat grids already in them, there’s a conversion step first.
Pixel Fine Converter brings XD’s repeat grids across into Figma structures. Once converted, the mental model from this article applies as-is: as the file grows, lean into Figma’s split — Auto Layout for the arrangement, components for the contents.
For how the conversion itself handles repeat grids — what gets Auto Layout treatment, with what precision and constraints — see Bringing Adobe XD’s Stack and Repeat Grid into Figma’s Auto Layout.
One-click install from Figma Community
❓ Frequently asked questions
Q: Does Figma have a repeat grid?
As of August 2026, Figma has no feature named “Repeat Grid.” The same jobs are covered by Auto Layout (wrap / the grid flow) combined with components and instances. The comparison table in this article maps each use case to a method.
Q: What’s the closest Figma feature to XD’s Repeat Grid?
Visually, the grid flow (aligned rows × columns). Behaviorally, components + instances — shared styling, per-cell content. In practice you combine them: card = component, list = grid flow.
Q: How do I change the spacing between repeated elements all at once?
Change Auto Layout’s Gap. Figma uses typed values rather than XD’s gap-dragging, and the grid flow sets row and column gaps independently. See Changing spacing across the board.
Q: Can I swap the image in just one of the repeated elements?
Yes. With components and instances, images are fills, and fills can be overridden per instance — as can text, effects, and nested instance swaps. Position and stacking order cannot be overridden; changing structure means detaching.
Q: Should I use a repeat grid plugin?
For quickly recreating the drag-to-multiply gesture, they’re handy. But plugin availability and behavior change over time, so files you’ll maintain long-term are better built on standard features — Auto Layout plus components.
Q: What happens to repeat grids when I convert an XD file to Figma?
Pixel Fine Converter converts repeat grid structures into Figma layouts. For the mechanics and precision of that conversion, see Bringing Adobe XD’s Stack and Repeat Grid into Figma’s Auto Layout.
🎯 Wrapping up
Figma has no feature called “Repeat Grid” — but that was never the same as saying the work can’t be done.
Key takeaways
- As of August 2026, there’s no single Repeat Grid equivalent in Figma — duplication + alignment maps to a combination of features
- Arranging is Auto Layout’s job — wrap for fill-and-fold rows, the grid flow for aligned rows × columns
- Multiplying and managing is the component’s job — “styling follows every cell, content stays per-cell” is Repeat Grid’s behavior, near-verbatim
- Bulk spacing lives in
Gap— typed values instead of XD’s drag, with independent row / column gaps on the grid flow - Per-cell swaps are instance overrides — text, images (fills), and effects vary; position and stacking order don’t
- The practical default: card = component, list = grid flow
One XD feature, two Figma features — internalize that mapping and the workflow you built around Repeat Grid carries straight over.
If you still have XD files built on repeat grids, convert them with Pixel Fine Converter first, then grow the layouts with the methods above.
One-click install from Figma Community
Related pages
- Bringing Adobe XD’s Stack and Repeat Grid into Figma’s Auto Layout — how repeat grids are converted and Auto Layout is inferred
- Figma Auto Layout — Vertical, Horizontal & Grid Flows, Wrap, Hug and Fill Explained — the full Auto Layout picture, wrap and grid flow included
- Figma Components and Variants — Creating Them, Component Properties, Slots, and Naming — the “contents” side: creating and managing components
- How to Detach a Component in Figma — Unlinking Instances vs. Deleting — deciding when structure changes justify detaching
- 10 Best Adobe XD to Figma Plugins to Import & Convert Files (2026) — the wider plugin landscape for migration
- How to Convert Adobe XD to Figma — A Step-by-Step Migration Guide (2026) — the full migration process