SpecLens
Inspect ratios, dimensions, and colors from any selected Figma layer.
Plugin 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.
Plugin Details
| Version | 3 |
|---|---|
| Created | May 13, 2026 |
| Last Updated | May 20, 2026 |
| Category | Accessibility tools |
| Creator | Duc Tran |
| Stats | 2 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.