Back

Batch Styler

Change multiple Text or Color Styles at once

Editing styles in Figma is a pain. With Batch Styler it becomes way easier: It allows you to edit as many styles in one click as you want. Need to change multiple text styles to use a new font or change your primary color? Batch Styler got you covered.

Get it nowGithub
Batch Styler

Changelog

Version 22: New major release!

December 12th, 2020

  • Added ability to bulk-delete styles!
  • Added hex input to color styles
  • Fixed Find & Replace Style names to be more intuitive: Changing names of styles should now be way easier.
  • Changed behaviour of multiple values being entered to Color values to respect your input. If you select 3 styles and only change one value, it will only update this one value (changing 12, 16, 24 to 12, 24, 32 now updates the styles accordingly).
  • Added repeat-behaviour similar to Figmas stroke behaviour: If you select 10 styles but only enter 3 values (4, 8, 32) it will repeat those values for all selected styles
  • Fixed negative letter spacing values (% and px)
  • Allowed entering letter spacing as numbers as well as numbers appended by a `px` as well as the number itself - Added hex field

How to use

Batch-change Text Styles

Select all styles you want to change and then edit their values. Font names and weights are mapped, if a weight is not found the plugin will tell you which weights should get remapped.

Batch-Change Style Names

Select all styles you wish to change (you can Cmd + A all styles), enter the to-be-replaced string into the Find field, and enter the new value into the Replace field. So, for example if you wanted to change all `Heading 1 / Body`, `Heading 1 / Regular` and so on to `H1 / Body`, `H1 / Regular` you would enter `Heading 1` into the Find field and `H1` into the Replace field.

Bulk-delete Styles

Select all styles, then hit the `Delete selected` button. Done!
Other resources

UX Blockframes

A kit consisting of 24 frames to be used in sitemaps or wireframes - or even hero sections on your website!

Buy now
4.99 €

Figma Tokens

Speed up your workflow by integrating Tokens (Border Radii, Spacing, etc) into your workflow!

Get it now

AutoGrid

The missing grid functionality for AutoLayout: Quickly create rows and columns of any given size.

Get it now
Sign up and get informed about updates & new launches.

I'm currently building a mailing list for all people interested in following along any updates and new releases, once or twice a month, tops!