Back to Plugins
Style Lens

Style Lens

<p>Style lens surfaces all the fills, fonts, strokes, shadows, blurs, radii, and text you’re using across your page and lets you quickly make broad sweeping changes to all the layers at once. It’s like the inspector... but in reverse.</p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p>Here are some examples of when Style Lens comes in handy:</p><p><br></p><p><br></p><p><br></p><p><br></p><p>👉 Changing accent or brand colors across thousands of layers.</p><p><br></p><p><br></p><p><br></p><p><br></p><p>👉 Making copy changes across large UX flows</p><p><br></p><p><br></p><p><br></p><p><br></p><p>👉 You want to verify your file isn’t using colors, styles, or text that is incorrect</p><p><br></p><p><br></p><p><br></p><p><br></p><p>👉 You forgot to make components early on 😅</p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p>Known Issues:</p><p><br></p><p><br></p><p>- Gradients aren’t currently supported</p><p><br></p><p><br></p><p>- Mixed properties will get overwritten (ex: multiple corner radii)</p><p><br></p><p><br></p><p>- When changing text, rich text won’t be preserved</p>

replacestylesfind

Plugin Preview

Style Lens preview

About this plugin

Style lens surfaces all the fills, fonts, strokes, shadows, blurs, radii, and text you’re using across your page and lets you quickly make broad sweeping changes to all the layers at once. It’s like the inspector... but in reverse.






Here are some examples of when Style Lens comes in handy:





👉 Changing accent or brand colors across thousands of layers.





👉 Making copy changes across large UX flows





👉 You want to verify your file isn’t using colors, styles, or text that is incorrect





👉 You forgot to make components early on 😅






Known Issues:



- Gradients aren’t currently supported



- Mixed properties will get overwritten (ex: multiple corner radii)



- When changing text, rich text won’t be preserved

Plugin Details

Version5
CreatedJune 20, 2020
Last UpdatedAugust 15, 2022
Categoryshapes-colors
CreatorScott Savarie
Stats4659 installs, 179 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the shapes-colors category.