Image Copy-Paster

About this plugin

Sync Image and Layer Names with this Plugin

When you're working with images in Figma, it's helpful for the layer name to match the original image file name. This makes it easy to confirm you're using the correct image at a glance. However, Figma's standard "Copy properties" and "Paste properties" commands don't update the target layer's name when you replace an image fill.

This plugin solves that problem. It copies the image fill and the layer name from your source layer. When you paste it onto a target layer, it not only replaces the image fill, but also updates the target layer's name to match the source layer's name.

Cleanup of Layer Names

When you import a single image into Figma, it appends " 1" (a space followed by a 1) to the layer name (e.g., "my-image 1"). This plugin will automatically remove this " 1" when it updates the target layer's name, keeping your layer names cleaner.

Note on Naming Conventions

This plugin updates the target layer's name to match the source layer's name. If your source layer is already named after the original image file, then your target layer will also match that file name.

However, if the source layer's name isn't the original image file name, then neither layer will reflect the original image file name. While the original image file name is accessible in Figma's CSS code and Dev Mode, Figma plugins currently cannot access this information directly. This means the plugin relies on your source layer having the desired name.

Keyboard Shortcuts

To make this more efficient, try adding a custom keyboard shortcut for this plugin’s 2 menu items. You’ll need to use the System Preferences of your computer. You'll add a shortcut for a specific menu item within the Figma application, allowing you to trigger the plugin with your chosen key combination.

Possible shortcuts:

Command-Option-Control-C for the “Copy Image Fill + Name” command

Command-Option-Control-V for the “Paste Image Fill + Name” command