Resize assets in Figma Buzz

Both brand designers and marketers can use Figma Buzz to create high-quality, on-brand assets quickly and confidently. Brand designers build and share templates for their teams, while marketers customize those templates to suit specific needs.

Often, assets need to be adapted for different formats and sizes—like vertical social media stories, banner images, and other platform-specific dimensions.

In this article, you’ll review best practices for preparing assets for resizing, and learn how to resize assets directly in Figma Buzz.

Resizing best practices

When you're designing assets for Figma Buzz, it's important to consider how they will behave when resized. Following a few best practices can help ensure that the asset is flexible and responsive.

These techniques are intended for designers creating and publishing templates. You can apply them while building the original design in Figma Design (before pasting it into Figma Buzz), or in design mode in Figma Buzz.

Use auto layout

Auto layout is an essential tool for creating responsive, adaptable designs in Figma.

Elements in an auto layout frame are automatically arranged based on direction, spacing, padding, alignment, and other auto layout properties. When the content changes or the frame is resized, the layout adjusts without manual repositioning.

You can apply auto layout to parent frames and child objects within a frame.

To apply auto layout in Figma Design:

1. Select one or more layers.
2. Press Shift A, or click Use auto layout from the Layers section of the right sidebar.

Then, adjust the auto layout properties from the Auto layout section of the right sidebar.

How you use auto layout will depend on the specifics of your design, but here are a few key concepts to help you get started:

• Use padding and gap values to maintain spacing between and around objects.
• If you want a child object to stretch to fill all available space in their parent frame while still respecting any spacing values, apply Fill container resizing to the child objects.
• If you want to ensure that objects don’t collapse too small or expand too large when resized, set minimum and maximum width and height values for those objects. You can use minimum and maximum values in combination with Fill container.

Apply constraints

Constraints define how layers behave when their parent frame is resized. This allows you to build assets that adapt to different sizes without misaligning or overlapping content.

You can apply constraints in Figma Design, or in design mode in Figma Buzz.

1. Select a layer.
2. Click Constraints from the Position section of the right sidebar.

How you use constraints will depend on the specifics of your design, but here are a few key concepts to help you get started.

You can apply constraints in both the horizontal (x) and vertical (y) directions:

• Left or Top: Keeps the layer pinned to the top or left side of the frame.
• Right or Bottom: Pins the layer to the opposite edge.
• Left and Right (or Top and Bottom): Stretches the layer between both sides, so it expands/contracts when resized.
• Center: Keeps the layer centered as the frame resizes.
• Scale: Maintains the layer’s position and size as a percentage of the frame dimensions.

Lock aspect ratio

Locking a layer’s aspect ratio ensures it retains the same width-to-height proportions when resized. This is especially helpful for logos, product images, vector objects, or illustrations that must maintain visual consistency at any size.

You can apply lock aspect ratio in Figma Design, or in design mode in Figma Buzz.

1. Select the layer.
2. In the right sidebar under the Layout or Auto layout section, click Lock aspect ratio.

Test your design

Even with auto layout, constraints, and aspect ratio locks in place, your design may still require manual adjustments—especially when resizing across drastically different sizes and ratios.

To test your design, try resizing it either in Figma Design and Figma Buzz. Then, check for common issues, such as:

• Overlapping content
• Misaligned content or padding
• Unexpected shifts in layout
• Image distortion

Test with long and short text strings to validate text behavior. Adjust as needed using the techniques above—each design is different, so take time to QA your asset thoroughly before publishing.

Publish assets as a template set

As the template designer, you can include multiple assets in a single Figma Buzz file when publishing.

Each asset will be published as part of a template set. Template sets are helpful when assets need to exist in different dimensions for different platforms—so your team doesn’t need to search or resize manually.

Resize assets

To resize an asset in Figma Buzz:

1. Select the asset on your canvas.
2. In the toolbar, open the Size dropdown menu.
3. Choose a preset size (like "Instagram Post" or "YouTube thumbnail") or enter your own custom dimensions.