Skip to main content
Question

How do I make a resizable frame/box component in Figma without manually adjusting each line?

  • July 28, 2026
  • 2 replies
  • 8 views

DianaA

Hey guys, I’m not even sure how to look this question up here. So apologies if it’s repeated.

I recently started Figma, but I still use Photoshop as I’m more fluent at it, and slowly transferring my workflow (what can be transferrable) to figma.

And one of those projects is using this shape in different contexts and sizes. Is there a way to make this on figma so i don’t have to manually grab each square and resize the lines every time?

 

2 replies

Jaycee Lewis
Figmate

Hey hey ​@DianaA 🤩 Thanks for the great question. I’m sure others have wondered the same thing. Let’s dig in together.

Could you share a quick screen recording of how you resize this shape today (in Photoshop or your current tool)? A clip shows what should stay fixed vs. stretch better than a still can.

A couple of questions:

  • When you resize the whole shape, should the four corner squares stay the exact same size, or scale up/down along with it?
  • Are you picturing one reusable element you'll drop in at lots of sizes, or just a single shape you want to resize cleanly by hand?

One thing to note: Figma handles "resize and everything holds its position" through a feature called Constraints (Figma Learn) — pinning elements to edges or corners of their parent frame — which might be the concept you're looking for. Constraints help center

 

Thanks for the additional details! — Jaycee 


DianaA
  • Author
  • New Member
  • July 28, 2026

Hello ​@Jaycee Lewis thanks for the reply!

 

When you resize the whole shape, should the four corner squares stay the exact same size, or scale up/down along with it?

The four corners would stay the same, like I can grab one of the square and move it to resize and the rest would follow. Like a simple selection feature except you can move the shape of the selection.

 

Are you picturing one reusable element you'll drop in at lots of sizes, or just a single shape you want to resize cleanly by hand?

a single shape, a rectangle, just resizing the same shape.

 

This is the best demonstration i could find:

 

Hope that was helpful, and thanks!