https://github.com/noriste/figma-select-and-inspect
The quickest way to inspect elements inside Figma: open up the browser's Console and enjoy
https://github.com/noriste/figma-select-and-inspect
console figma inspect log
Last synced: 7 months ago
JSON representation
The quickest way to inspect elements inside Figma: open up the browser's Console and enjoy
- Host: GitHub
- URL: https://github.com/noriste/figma-select-and-inspect
- Owner: NoriSte
- Created: 2024-02-26T06:33:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-31T12:57:17.000Z (over 1 year ago)
- Last Synced: 2025-03-14T20:39:56.240Z (7 months ago)
- Topics: console, figma, inspect, log
- Language: TypeScript
- Homepage: https://www.figma.com/community/plugin/1348339696557868933/select-and-inspect
- Size: 9.58 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Figma Select and Inspect
https://github.com/NoriSte/figma-select-and-inspect/assets/173663/e1df071b-3f24-40ad-9f33-f22809bfbdb1
## 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](https://www.figma.com/community/plugin/760351147138040099/inspector?searchSessionId=ltk4azg4-ud0njxlfa8)?*
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](https://www.figma.com/community/plugin/1348339696557868933/select-and-inspect).