Proportion Maker

About this plugin

Proportion Maker helps designers measure and visualize the relative proportions between two elements as percentages. Perfect for creating responsive designs and maintaining consistent spacing relationships.

Key Features:

• Measure relative margins (top, bottom, left, right) as percentages

• Calculate proportional sizing (width, height) between elements

• Visual measurement display on canvas with rulers and labels

• Save measurements for documentation and reference

• Toggle visibility of individual measurements

• Switch between percentage and pixel units

• Clean, non-intrusive visual indicators

How to Use:

1. Select your base element (Element A)

2. Select your target element (Element B)

3. View proportional measurements automatically displayed

4. Click on any measurement to toggle its visibility

5. Save measurements to preserve them in your design

Ideal for:

- Creating responsive design systems

- Documenting spacing relationships

- Maintaining proportional layouts

- Design handoff and developer communication

- Consistent spacing across different screen sizes

The plugin displays measurements relative to the parent element's dimensions, making it easy to understand how elements relate to each other proportionally.