---
canonical: https://amplience.com/developers/docs/release-notes/2026/figma-sync-plugin/
title: Amplience Figma Sync plugin
description: The Amplience Figma Sync plugin automates copying Figma designs straight into Amplience CMS to create content items.
image: https://cdn.media.amplience.net/i/ampproduct/figma-sync-item-names-no-spaces?w=1200&h=630
image_width: 1200
image_height: 630
audience: Business User
date_published: 2026-10-14
date_modified: 2026-10-14
---

# Copy designs with the Figma Sync plugin

**Release date: 14th October 2026**

This release introduces the [Amplience Figma Sync plugin](https://amplience.com/developers/docs/integrations/figma-sync/), which copies your Figma designs straight from the canvas into the Amplience CMS. Instead of someone recreating every banner, card and block by hand, the plugin reads the component instances in your campaign file and creates the matching content items. Images are copied as assets by default.

For teams who design campaigns in Figma, that means:

- **Design system compliance, by default.** The plugin encourages following designs by copying component instances to Amplience CMS automatically, while anything that doesn't fully follow the design system is still copied by hand
- **Less time rebuilding content.** Once a design is signed off it's ready to copy, and the time saved grows with every extra audience, variation and segment
- **Last minute changes handled.** If a product sells out or a hero image is replaced, update the Figma design and run the plugin again to update the items you already created

## See how it's done

Watch the short walk through below of how to use the plugin:

<video controls width="100%"  crossorigin="anonymous" protocol="https" preload="none" poster="https://cdn.media.amplience.net/v/ampproduct/figma-sync?protocol=https">
    <source src="https://cdn.media.amplience.net/v/ampproduct/figma-sync/mp4_720p?protocol=https"/>
    <source src="https://cdn.media.amplience.net/v/ampproduct/figma-sync/webm720p?protocol=https"/>
    <source src="https://cdn.media.amplience.net/v/ampproduct/figma-sync/mp4_480p?protocol=https"/>
    <source src="https://cdn.media.amplience.net/v/ampproduct/figma-sync/webm480p?protocol=https"/>
    <source src="https://cdn.media.amplience.net/v/ampproduct/figma-sync/mp4_240p?protocol=https"/>
<track
label="English"
kind="captions"
srclang="en"
src="https://cdn.c1.amplience.net/c/ampproduct/figma-sync-en-GB"/>
</video>

## Steps to copying a design

Open the plugin from the Figma **Plugins** menu and select the component instances you want to copy. As you select, the plugin populates with what will be copied and lets you:

- Add a prefix to every generated item name, so related items are easy to identify later
- Choose the destination repository and folder for content and images
- Review and rename items before the copy starts, so names are descriptive in Amplience rather than in Figma

![Amplience Figma Sync plugin screen for reviewing and setting item names](https://cdn.media.amplience.net/i/ampproduct/figma-sync-item-names-no-spaces?w=1880&fmt=png 'Amplience Figma Sync plugin screen for reviewing and setting item names')

For the steps in full, see [Copying Figma designs](https://amplience.com/developers/docs/integrations/figma-sync/figma-copy/). 

The plugin lets you know when the copy is complete and reports any errors.

If you copy the same component instances to the same destination, the plugin updates the existing content items, creating a new version of each one. Copy to a different destination and you get new content items, leaving the originals as they are. Republish afterwards for the changes to go live.

Images work differently. The plugin never overwrites an existing asset, so copying the same image to a folder that already has it creates a second asset with `_1` added to the name.

## Setting up mapping

Before you sync your designs to Amplience CMS (Dynamic Content), you need to map the Figma components in your design system to content types in the CMS. See [Figma mapping](https://amplience.com/developers/docs/integrations/figma-sync/figma-mapping/) for more details.

## Related pages

[Figma Sync plugin overview](https://amplience.com/developers/docs/integrations/figma-sync/)

[Copying a Figma design](https://amplience.com/developers/docs/integrations/figma-sync/figma-copy/)

[Figma mapping](https://amplience.com/developers/docs/integrations/figma-sync/figma-mapping/)