Skip to content

NoriSte/figma-select-and-inspect

Repository files navigation

Figma Select and Inspect

A screenshot of the plugin running in Figma

select-and-inspect-video.1.mov

Why?

If you ever implemented a Figma plugin, you know how slow the process of inspecting specific properties (among the hundreds available) and values in a Figma file is.

This plugin aims to solve this problem by making logging as easy as possible!

Features

  1. Select one or more Figma elements to get them logged in the Console
  2. Add expressions to be evaluated on the selected Figma elements (name,id,reactions[0].actions results in each expression to be evaluated and logged in the Console)
    • And if the value is a function, invoke it
      • And if the returned value is a promise, await it
  3. Stringy and format the result for better readability
  4. Preferences are stored locally

FAQ

Why not using the existing "Inspector" plugin?

Because the properties must be added to the UI by the plugin's author, limiting the plugin's scalability (as you can see in the reviews).

Install the plugin

Refer to the dedicated Figma Community page.

About

The quickest way to inspect elements inside Figma: open up the browser's Console and enjoy

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published