Resizing a shape in Figma is a fundamental task you can easily accomplish using your mouse or trackpad and the shape's handles.
To resize any object or shape in Figma, you first need to select it. Once selected, you can click and drag its edges or corners to change its dimensions.
Simple Steps for Resizing
Follow these basic steps to resize your selected object:
- Click the object to select it.
- Resize the object by clicking and dragging one of the handles (the small squares that appear on the edges and corners when the object is selected).
Resizing Methods by Handle
The way you drag determines how the shape is resized. Here are the different methods:
- Change Width: Click and drag the right or left edge to adjust only the width of the object.
- Change Height: Click and drag the top or bottom edge to adjust only the height of the object.
- Resize Freely: Click and drag a corner handle. This allows you to change both the width and height simultaneously, distorting the shape if needed.
- Resize Uniformly (Maintain Aspect Ratio): Click and drag a corner handle and press and hold the ⇧ Shift key. This constrains the proportions, ensuring the object scales without becoming stretched or squeezed.
Using these click-and-drag methods provides intuitive control over your shape's dimensions directly on the canvas.
