A way to export/import styles (text + colors)

👋 Hello @Andrei_Iancu,

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 :

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

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!