Figma plugin#1 in Design Systems

Styler

Bulk management of styles based on layer properties.

by Andrei Iancu

users
237K
likes
3.5K
saves
111K
comments
95
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v4 ยท Sep 22, 2021
First published
Mar 14, 2020
Publisher
Andrei Iancu
Features

What Styler does

Summarised from Andrei Iancu's description on the Figma Community.

  • Use cases

    Update color palettes across existing styles with a few clicks.. Bootstrap new projects by cloning existing systems.

  • Guides

    How to batch create color styles by Luis Ouriach. How to batch create text and color styles by Luis Ouriach

  • Manifest

    6 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Extract Styles, Generate Styles, Apply Styles, Detach Styles and 2 more.

On this page
Overview

About Styler

Styler is a free Figma plugin published by Andrei Iancu in 2020. It works in Figma Design and has 236,759 users and 3,464 likes on the Figma Community. It ranks #1 in Design Systems on our lists.

In the developer's words

Features

  1. Generate styles: Create, rename, and update local styles.
  2. Extract styles: Convert local styles into layers for easy manipulation.
  3. Remove styles: Remove styles from selected layers.
  4. Detach styles: Detach styles from selected layers.
  5. Apply styles: Apply styles by matching the style and layer names.

Use cases

  1. Update color palettes across existing styles with a few clicks.
  2. Bootstrap new projects by cloning existing systems.
  3. Combine styles from different systems seamlessly.
  4. Swap typography styles quickly.

Notes

  1. Limited support: No variables or mixed text properties supported yet.
  2. Figma API constraints: Some advanced text layer features (e.g., slashed zeros) are not supported.
  3. Slash grouping: Limited to grouping styles with the slash ("/") symbol; whitespace around the slash may cause issues.

Guides

  1. How to batch create color styles by Luis Ouriach
  2. How to batch create text and color styles by Luis Ouriach
  3. How to batch create text and color styles by Brylle Clarido

Feedback is highly appreciated! Share your thoughts in the comments or reach out in any way you prefer.

Source code

Changelog

What's new

Version 4 ยท released Sep 22, 2021

  • updated plugin icon
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Styler ranks

Compare

Styler alternatives

  1. 1

    Design Lint

    by Daniel Destefanis

    147K users5.8KFree

    Find and fix errors in your designs

    View details
  2. 2

    Styles & Variables Organizer

    by Chenmu Wu

    140K users3.3KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

    View details
  3. 3

    Specs Classic

    by Directed Edges Plugins

    139K users5.6KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

    View details
  4. 4

    Figr Identity

    by figr.design

    136K users4.2KFree

    Generate production-grade design systems with components, variables & style sheets setup in Figma

    View details
  5. 5

    Typography Style Guide

    by hiloki

    116K users1.3KFree

    Create the Typography Style Guide page in one shot.

    View details
  6. 6

    Automatic Style Guides

    by Jordan Geizer

    102K users2KFree

    Generate style guides

    View details
FAQ

Styler FAQ

What does Styler do?

Bulk management of styles based on layer properties. It's a Figma plugin by Andrei Iancu that runs in Figma Design.

Is Styler free?

Yes. Styler is free to install and run from the Figma Community, with no paid tier listed.

How do I install Styler?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Styler?

By user count, the closest alternatives are Design Lint, Styles & Variables Organizer and Specs Classic. Compare all of them on the best Figma plugins for design systems.

For developers

Built this plugin?

Use this page as a landing page for Styler: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Styler on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/styler/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Styler on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review