Skip to main content

I’m working in an agency developing (among other things) design systems for our clients. Recently we ran into an issue while transferring a design system project we had started, to the client’s organization. Without going to too much detail (we are solving the issue with Figma support) a lot of headache could have been avoided, if styles would be as easy to transfer between files, as components.


At least to my understanding, there currently isn’t a way to transfer/copy&paste a style from a Figma file to another (w/o plugins at least).


Am I the only one missing a native feature in Figma to achieve this? Also, handling multiple style values and descriptions at once would be fantastic! This is possible with plugins atm. But I think it would be welcome feature to have better style management natively in Figma.

👋 Hello @Andrei_Iancu,


image


What I mean by Styler isn’t generated/extracted text properties is that Styler only generated/extracted the title of the style, for example in the image above. Styler only generated " Open Sans 18px Semi Bold" this is the title that I made for this certain style.


On the another hand, the result that I expected is like this :


image


Styler also generated the font-size, font-weight, line-height, letter-spacing etc.


I hope this can give more explanation about what I said previously.


Thanks.

Ah, so you need something to add the properties of the text as characters of a text layer. Unfortunately, Styler doesn’t support that, but I hope you’ll be able to find a plugin that does that! 🤞


If not, you can write a script for that exact purpose only.

You’ll have to basically take each property from the selected node (layer) and join these values into a string. This string you’ll be able to use to override the node characters.

Great solution for colour styles. Solved my problem fast and smooth. 🤘

This is a feature I would use. There are times when it’s necessary to fork a design system but it’s a huge time sink to make the styles over again.

Hey!


This post doesn’t mean to be an ad/promotion. I’ve recently given a try to Design System Organizer mentioned above. Easily have sorted all the problems out: I moved not only color/text styles but easily relinked all the necessary components. On their YouTube channel, they have instructions on how to perform this task. In case you want to check before buying if it’s worth it, you can have a look on your own.


Best,

Vlad

Dudes why use plugins or other headache if you can cut the style to other file and then just paste where-ever needed? (hope figma doesn’t remove this hack lol)

Wish we could just load in JSON files easily. Would be nice if we can connect it to Gitlab/hub so devs and designers use the same source for styling.

For your information, I had found a plugin where you can import and export style from one file to another which is also a free plugin.



Style Transfer



Figma

Hello, I’ve found a way.

Select (Shift + Click) the text/colors styles from the file you want > Right click > Cut Styles > Then press Cmd Z to re paste the styles on the original file.

Go to the new file and right click on styles and choose paste.

omg thank you! glad they added this update to styles. hopefully it’s also in variables!

The solution is this plugin to copy/paste style between files.

Works with any type of styles. Colors, typography, effects and even grids styles!


https://www.figma.com/community/plugin/1424844302061301564/copy-styles


Give it a try!

Reply


Terms & ConditionsCookie settings