Â
Feature Request: Add a Size Picker for Resizing Multiple Objects from a Reference Shape
Overview
I would like to propose a Size Picker tool for Figma—a simple way to resize multiple selected objects using the dimensions of another object as the reference.
The interaction would work similarly to Figma’s color picker:
-
Select one or more objects that need to be resized.
-
Activate the Size Picker.
-
Click another object on the canvas as the reference.
-
All selected objects immediately adopt the reference object’s width and height.
In other words, it would function like an eyedropper, but for object dimensions.
Problem
Designers frequently need multiple images, cards, frames, or other elements to have identical dimensions. The current process generally requires designers to:
-
Inspect the width and height of a reference object.
-
Select the other objects.
-
Manually enter the same dimensions.
-
Repeat the process when working with different groups or reference sizes.
This becomes repetitive and interrupts the design workflow, particularly when working with large image collections, grids, mood boards, galleries, presentations, and design systems.
Proposed Solution
Add a Size Picker option to Figma’s toolbar or object-sizing controls.
After selecting multiple objects, the designer could activate the tool and click any compatible object to copy its dimensions to the current selection.
The first implementation could support:
-
Matching both width and height.
-
Applying the reference dimensions to multiple selected objects.
-
Preserving each object’s center position while resizing.
-
Automatically exiting the Size Picker after the dimensions are applied.
-
Supporting Undo and Redo through Figma’s standard history controls.
Possible modifier-key options could later include:
-
Shift: Match width only.
-
Alt/Option: Match height only.
-
Maintain aspect ratio: Scale objects proportionally based on the reference width or height.
Benefits
This feature would:
-
Reduce repetitive dimension entry.
-
Make object sizing faster and more visual.
-
Minimize mistakes caused by manually copying measurements.
-
Create a familiar interaction based on the existing eyedropper mental model.
-
Improve workflows involving galleries, cards, thumbnails, image grids, components, and batch layout adjustments.
Prototype and Source Code
I have prepared a functional interactive prototype demonstrating the complete interaction, including multi-selection, reference-size picking, center-anchored resizing, drag interactions, resize handles, and collision handling.
The prototype and source code are available here:
https://github.com/iamMHamzaKhalid/size-picker-prototype
The repository contains a React and Vite implementation that demonstrates how the feature could behave. The same core concept could be implemented in Figma using the selected nodes and their resize methods.
Suggested User Flow
-
The user selects multiple objects.
-
The Size Picker becomes available in the toolbar.
-
The user activates the Size Picker.
-
The cursor changes to indicate reference-selection mode.
-
The user clicks an object on the canvas.
-
The selected objects adopt the clicked object’s dimensions.
-
A brief confirmation appears, and the cursor returns to the standard selection tool.
Closing
The Size Picker would introduce a small but highly practical workflow improvement. It builds on a familiar interaction model and could save designers significant time when standardizing the dimensions of multiple objects.
I would appreciate the Figma team considering this capability as a native feature. The working prototype and source code are available for reviewing and testing the proposed interaction.
Â
