How Do You Resize a Component Instance in Figma?

Resizing a component instance in Figma can be a useful way to customize the look and feel of your designs. The process is quite simple and straightforward, making it easy to adjust the size of your design elements with just a few clicks.

When you open up your Figma project, you’ll see the components panel on the left side of the page. This is where all your components are located, including any instances of those components that you have created already. To resize a component instance, simply click on it and then click on the resize button at the top right corner of the page.

Once you’ve clicked on the resize button, you’ll see two options: “Width” and “Height”. These are used to set the size of your component instance in pixels or points (depending on which units you’re using). You can also use percent values if you’d like to keep everything relative.

Resizing Options:

When resizing your component instance in Figma, there are three main options available: “Scale”, “Freeform” and “Fixed”.

  • Scale: This option allows you to scale both width and height at once.
  • Freeform: This option allows you to set each dimension independently.
  • Fixed: This option allows you to lock one dimension so it doesn’t change when resizing.

Once you’ve chosen an option, simply enter in either a pixel or point value for either width or height depending on which one you’re changing. After entering in a value for either width or height, simply click “Apply” at the bottom right corner of the window. Your component instance will now be resized according to your specifications.




Figma makes it easy to quickly resize component instances with just a few clicks. With three different options available (Scale, Freeform and Fixed) users can easily customize their designs without any hassle. So if you need to change the size of an element within your Figma project, don’t hesitate – just use one of these three methods and get started today!