SpecOut - Auto Redline & Measure
Auto-generate redlines, dimensions, padding, and spec cards for seamless developer handoff.
Plugin Preview
About this plugin
SpecOut Studio is the ultimate auto-redline and visual documentation tool designed to make developer handoff effortless and eliminate manual measuring.Generate pixel-perfect dimension lines, measure distances, inspect padding, and create export-ready spec cards directly on your Figma canvas with a single click.KEY FEATURESπ Auto Dimensions (W & H): Instantly draw clean, technical width and height measurement lines around any shape, frame, or component.π¦ Parent Padding Detection: Automatically calculate and visualize the exact margins and padding from a layer to its parent container.π Dynamic Spec Cards: Generate comprehensive data cards showing layer dimensions, X/Y coordinates, opacity, rotation, and full Auto Layout configurations.π·οΈ Component Name Badges: Add clean, dark-mode labels to your frames so engineers immediately know the exact component name to reference.π€ Typography Callouts: Extract font family, weight, size, and hex codes into precise callout lines.π¨ Global Color Extractor: Scan entire frames to generate clean swatch palettes with accurate Hex codes.βοΈ Smart Spacing (PRO π): Measure the exact horizontal and vertical gap between two selected layers simultaneously.π¨ Custom Brand Colors (PRO π): Customize your redline stroke colors using the native color picker to match client or agency brand guidelines.π Custom History Stack (PRO π): Built-in Undo/Redo controls to tweak your canvas without messing up your document history.ποΈ 1-Click Cleanup: Safely remove all generated measurement layers instantly without affecting your actual design layers.HOW IT WORKSSelect any layer, frame, or group on your canvas.Open SpecOut Studio.Click any measurement tool (Dimensions, Padding, Spec Card, or Badge).Drag and organize your annotations freely on the canvas for export, client presentations, or developer handoff!π UNLOCK LIFETIME PROUpgrade to SpecOut PRO for a one-time lifetime fee of $10 to unlock custom spec colors, multi-axis object spacing, and the custom undo/redo engine:π https://payhip.com/b/S3fg6
Plugin Details
| Version | 1 |
|---|---|
| Created | August 16, 2026 |
| Last Updated | August 16, 2026 |
| Category | Accessibility tools |
| Creator | Pranav |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.payhip.com
- https://payhip.com
More Like This
Discover other plugins in the Accessibility tools category.