Replace font in design system

[Michael_O_Neil1]

I’ve got a design system that’s been built for tailwind css. All of the font styles are currently using the font Inter.

Is there a way to universally replace fonts and apply it to all of the font styles in the system? I’ve tried various plug-ins but they only seem to replace the font in the figma pages and not the font styles in the design system itself.

[Pavel_Kiselev]

Styler to the rescue

Change font family all text style in a library file

Get yourself Styler plugin. Then create an empty page and run Styler > Extract Styles. It will output all your text styles into separate text layers. After that you would need to run Styler > Detach styles to get them raw. At this stage you can adjust all of them in bulk like regular text. When you are happy with the result, select all and run Styler > Generate Styles. It would match a layer name with a corresponding style name and update them with text properties on that layer. Real lifesaver …

[Ellen_Shimada]

Mind blowing… thank you @Pavel_Kiselev !!

[Umut_Aydin1]

wow! this really is a lifesaver

[Loughlin_McSweeney]

Life saver thank you!

What a great plugin!!

[Jess_Mezini]

Super easy, thank you!!