SpecLens
by Duc Tran
Inspect ratios, dimensions, and colors from any selected Figma layer.
Installs
3
Likes
3
Users
14
Views
39
Preview
About this plugin
SpecLens is a lightweight inspector for designers who need quick, copy-ready layer specs without opening multiple panels.
Select any shape, layer, component, instance, or frame and SpecLens instantly shows the essentials: ratio, dimensions, position, orientation, opacity, corner radius, fills, and strokes. For text layers, SpecLens also shows typography specs like font family, style, size, line height, and letter spacing. When available, Text Style and variable names are shown beside the related specs. Solid colors are shown as HEX and RGB values, while gradients include clean stop previews.
Use it for layout checks, design QA, handoff notes, quick ratio validation, and color lookup while you work.
Features- Live updates when your selection changes- Ratio and decimal ratio display- Width, height, X/Y position, opacity, and corner radius- Typography specs for text layers- Text Style and variable source labels- Fill and stroke inspection- HEX/RGB values for solid colors- Gradient stop previews- One-click copy for ratio, size, and colors- Minimal UI designed to stay out of the way- No external network accessSecurity Disclosure NotesSpecLens only reads the current Figma selection to display layer specs inside the plugin UI. It does not send data to external servers and does not request network access.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility