Node Inspector
by Jackie Chui
View and copy node properties for plugin development
Installs
2,962
Likes
150
Users
6,401
Views
11,464
Preview
About this plugin
Node inspectorView and copy node properties for plugin development.(This plugin is only useful for plugin developers)—————————————————————————————————How to use:- Nodes:
Select one or more nodes in your canvas to view their properties. To select nodes by their ID's, click the arrow icon next to the search bar to access the node selector tool.- Components:
Enter one or more component keys (for components in shared libraries) and click "Inpsect Components".- Styles:
Select the method you want to inspect style nodes by (style ID or style keys for shared library styles), then enter one or more ID's/keys to inspect their properties. You can also get a list of all local styles in your file by selecting the "All Local Styles" option in the dropdown.
Note that multiple styles ID's and keys are separated by semi-colons ( ; ) instead of commas ( , ) because style ID's contain commas at the end of the string.
Copy: To copy the entire JSON output, click the "Copy" button at the top right.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.