Component Metadata Viewer

About this plugin

The Component Metadata Viewer plugin UI, displaying a selected component’s Node ID, name, path, parent, child count, depth, and other properties for full transparency.

Component Metadata Viewer is a Figma plugin that reveals the hidden metadata of any selected component or layer. With a single click, it displays everything from the component’s unique Node ID and name to its exact hierarchical path in your file. You can immediately see the component’s parent node, how many children it contains, and its depth from the root canvas – all at a glance. By surfacing these normally buried details, the plugin makes your design structure completely transparent and easy to understand, helping you maintain consistency as your projects grow.

Built for both designers and developers, Component Metadata Viewer boosts productivity by eliminating guesswork and manual inspection. Designers can quickly audit component structures and naming conventions, ensuring a cleaner and more organized design system. Developers will find it a handy development utility, providing quick access to IDs and properties needed for design-to-code handoff or plugin development. In short, this plugin fosters better collaboration by giving your team a clear window into every component’s makeup, saving time and reducing miscommunication.