0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#2 in Developers

Inspect Styles

Inspect styles from Figma and transform to CSS

by max.denaro

users
136K
likes
3.9K
saves
25K
comments
98
FreeWorks inFigma Design
Price
Free
Latest version
v58 · Sep 24, 2025
First published
Jun 24, 2023
Publisher
max.denaro
On this page
Overview

About Inspect Styles

Inspect Styles is a free Figma plugin published by max.denaro in 2023. It works in Figma Design and has 136,102 users and 3,884 likes on the Figma Community. It ranks #2 in Developers and #4 in Dev Handoff on our lists.

In the developer's words

Use the Advanced Style Inspection Mode for fast work. Select the desired layer and see its styles. Also the plugin shows the svg code.

Important

  1. If you have a very large number of layers in your layout, the plugin may hang due to processing all layers to create variables
Changelog

What's new

Version 58 · released Sep 24, 2025

  • add stylus support (beta)
Trust

Permissions and privacy

Network access

Inspect Styles can only connect to the 5 domains declared in its manifest: fonts.googleapis.com, fonts.gstatic.com, *.google.com, *.figma.com and *.maxgraph.ru.

  • fonts.googleapis.com
  • fonts.gstatic.com
  • *.google.com
  • *.figma.com
  • *.maxgraph.ru

Extra permissions

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

Read from the plugin's published manifest.

Rankings

Where Inspect Styles ranks

Compare

Inspect Styles alternatives

  1. 1

    Zeplin

    by Zeplin Crew

    291K users2.9KFree + paid features

    Design tools are for designing. Zeplin is for clear, structured design delivery.

  2. 132K users3KFree

    📐 Effortlessly hand off your Figma designs to the development team

  3. 3

    Figma Exporter

    by JerryKhw

    112K users490Free

    Easily export assets as PNG/JPG/WebP/SVG/PDF for Web, Android, Flutter, iOS, React Native

  4. 108K users3.6KFree

    Create custom Tailwind CSS color scales based on a given Hex code or HSL color

  5. 5

    Jira

    by Figma Community

    81K users552Free

    Connect Figma Designs to Jira Issues

  6. 6

    Design Tokens

    by Lukas Oppermann

    62K users1.9KFree

    Export design tokens to JSON or GitHub.

FAQ

Inspect Styles FAQ

What does Inspect Styles do?

Inspect styles from Figma and transform to CSS. It's a Figma plugin by max.denaro that runs in Figma Design.

Is Inspect Styles free?

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

Is Inspect Styles safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Inspect Styles can only connect to the 5 domains declared in its manifest: fonts.googleapis.com, fonts.gstatic.com, *.google.com, *.figma.com and *.maxgraph.ru. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Inspect Styles?

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 Inspect Styles?

By user count, the closest alternatives are Zeplin, [DesignDoc [Spectral]: Measures, Annotations, and Handoff](/plugins/designdoc-spectral-measures-annotations-and-handoff/) and Figma Exporter. Compare all of them on the best Figma plugins for developers.

For developers

Built this plugin?

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

Inspect Styles on figmaplugins.co

Style

Label

Size

Code

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