# Drag & Drop Content: Swap Text, Images and Instances Between Layers

> Drag a row by its ⋮⋮ handle in the Selection view and drop it on another row of the same kind to swap their content.

## Goal

Rearrange the content of cards, avatars or list items in your design by swapping it between layers, without copying and pasting.

## Before you start

- Layers selected on the canvas, so they appear in the Selection view (for example a row of cards).

## Steps

1. **Select the cards or layers** Select all the cards on the canvas. Their texts, images and instances appear in the Selection view, grouped by element type (or by layer name if you change the grouping).
   ![Avatar cards with names and ages, and the plugin panel next to them with a hand dragging a row.](https://raiken.io/assets/kb/contently/drag-and-drop-content/drag-content-example.png)
2. **Grab the row** Every row has a ⋮⋮ handle (tooltip: Drag to swap or reorder content). Press on the row and drag it. Buttons and fields inside a row do not start a drag.
3. **Drop on another row to swap** Drop it on another row of the same kind. The two layers swap their content in Figma: the name and age of two avatar cards trade places, or two images exchange.
4. **Text rows show an insert line at their edges** Dropping on the top or bottom edge of a text row shows an insert line, but the result is the same swap: the dragged text and the target's text trade places, and no other row moves. Images and instances swap the same way.

## Tips

- To trade a whole card's content, select the cards first and drag the rows of one group onto another.
- Use Restore Original in the group menu to go back to the content you started with.

## Result

The content of two layers is swapped in the design, with no copy and paste.

## If something goes wrong

- **The drop does nothing.** -> A row can only be dropped on a row of the same kind: text on text, an image on an image, an instance on an instance.
- **The row will not move when I press a button on it.** -> Press on an empty part of the row or on the ⋮⋮ handle, not on a button or field.

## Common questions

### Does dragging change the layer order on the canvas?

No. The layers stay where they are; their content moves between them.

### Can I drag between different kinds, such as an image onto a text?

No. Rows only react to rows of the same kind.

## Related guides

- [Smart Templates: Automatic Layer Matching](https://raiken.io/kb/contently/smart-templates-overview): Smart Templates automatically match template data to the right layers based on layer names, letting you populate entire mockups and nested components in one click.
- [Smart Selection, Boolean Chips & Manipulation](https://raiken.io/kb/contently/smart-selection-filters): Quickly isolate specific layers using multi-keyword boolean search chips (OR, AND, NOT), invert selections, sample every Nth item, and manage canvas performance.
- [Smart Paste for Text: Fill Rows and Grow Lists Automatically](https://raiken.io/kb/contently/smart-paste-text-lists): Paste several lines into a text row in the Selection view: they fill that row and the rows below it, and lines that do not fit create new elements in your design.
- [Copy & Paste Instance Properties: Variants, Text, Colors and Styles](https://raiken.io/kb/contently/copy-paste-instance-properties): Copy the configuration of component instances in the Selection view and paste it onto other instances, in order, with a choice of what is pasted.

---

Source: https://raiken.io/kb/contently/drag-and-drop-content (Contently help centre). Reviewed: 2026-10-30.