Option to duplicate/copy styles, not just cut them

Share an idea
1

If there is an option to duplicate the Text Styles / Color Styles folder then it makes it easy when creating design systems. Attached is a screenshot of the idea.

duplicate
duplicate752×856 50.9 KB

22 Likes
2

I’m needing this exact thing so much right now. It would help a ton.

6 Likes
3

Would be great to duplicate and create a master style.

2 Likes
4

This would be a maaaaajor time saver.

1 Like
5

This would be amazingly helpful

1 Like
6

it is the most essential thing!

2 Likes
7

This would be a great feature. In the mean time, here you have a work around:

  1. Put all the styles you want to copy into a folder and then cut those from your file.
  2. Undo the cut, so you don’t lose the original styles.
  3. Go to a new file and paste them.
  4. Create a text layer and apply any of the pasted styles, so Figma allows you to rename the wrapping folders.
  5. Rename the wrapping folder and any other folders you want to duplicate.
  6. Cut them again and paste them in the original file.
  7. Rearrange and delete wrapping folder, if required.

Hope that was helpful. Take care! :blush:

15 Likes
8

Thank you so much for this tip! Saved me much time.

9

is there any plugin for renaming the layers based on color palette naming?

10

I use the tip from @Adrian25 and the Batch Styler Plugin to quickly rename or change the styles:
https://www.figma.com/community/plugin/818203235789864127/Batch-Styler

1 Like
11

This is not

i mean
if there is a plugin available that can automatically rename layers based on their corresponding color palette names?

12

Beware of that workaround if you already have published styles. It has broken a lot of my applied styles in other files (swapping them for the duplicate)

13

Even better if we have styles/design tokens code editor.

2 Likes
14

There is a workaround that actually works:
1- Cut the styles you want duplicate
2- Undo so you have your styles back (now the styles and folder structure are copied to your clipboard)
3- Paste the copied styles into a new Figma file then save the file
4- Close both files
5- Open both files again
6- Now you can edit the styles in the new file then cut and paste them into the original file
7- DONE!

5 Likes
15

Absolutely need this feature.

16

This would be great. The suggested place in the UX is perfect as well. Lot’s of space there.

17

you the man Adrian! thx :heart_hands:

18

The following is even simpler:

  1. Duplicate the file
  2. Rename the styles in the duplicate file
  3. Cut styles from duplicate file and paste in the original file
  4. Delete duplicate file
1 Like
19

There must be some insanely complicated technical reason for not being able to copy or duplicate a style inside Figma.

I use Design System Organizer plugin for the purpose.

1 Like
20

Yet another important feature that Figma has left unattended.

2 Likes