Back to Plugins
DesignDoc [Spectral]: Measures, Annotations, and Handoff

DesignDoc [Spectral]: Measures, Annotations, and Handoff

📐 Effortlessly hand off your Figma designs to the development team

documentationpaddingannotationmargindevmeasurehandoffspaceredlinesdevelopmentspecificationspecs

Plugin Preview

DesignDoc [Spectral]: Measures, Annotations, and Handoff preview

About this plugin

Get precise and accurate measurements for your Figma designs with this plugin. It helps to visualize the spacing, margins, padding, and measurements of components, making it easier to create consistent designs. Save time and effort with this tool and take your design process to the next level


How to use

1. Run the Plugin

2. Select a Frame

3. Add measures 


Spec

This feature scans a node and add all measure to all nested frames. Works perfectly with auto-layout components.


Plugin Details

Version46
CreatedNovember 24, 2022
Last UpdatedApril 7, 2025
Categorydesign-systems
CreatorMarka Plugin Dev
Stats18544 installs, 2176 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    Added access to figma.com for importing measure components with lines

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3000Dev
    • https://*.figma.com
    • https://*.markaplugin.com