Skip to main content

Figma Buzz template

  • July 28, 2026
  • 4 replies
  • 16 views

Stacey Anderson

 

My goal is to create various template sizes:

  • LinkedIn / Meta: 1080×1080
  • 6Sense / Google: 300 x 250 / 300 x 600 / 160 x 600 / 728 x 90 / 320 x 50 / 300 x 60
  • Email: 848 x 244 and 848 × 244

 

In Figma Buzz, I want to be able to go from:

  • 1080 x 1080 > 300 x 250 > 300 x 600
  • 848 x 244 > 848 × 244
  • 728 x 90 > 320 x 50 > 300 x 60

 

In Figma Buzz, the issues I’m having:

I have a triangle vector shape with 3 layers (3 different colors) and when I change the template size from 1080 > 300, that vector shape doesn’t adjust accordingly. I’ve created a flatten version of it, created a component and set the comp to scale/scale, nothing is working. What constraints am I supposed to be using for vector shapes that are group and that have been turned into a component? I made sure that the inner most layers are set to scale. I tested using a png of the same image and 

For the logo that is going on each of the templates, when I change the template size the logo moves slightly out of its position. I have the appropriate constraint and position toggled but it still shifts away from the exact placement it should be in. For ex: I have one template where the logo sits on the top-right; when I change template size (1080 > 300), that logo stays top-right but it shifts slightly inside the frame. This happens with my buttons as well (there’s extra movement going on). Can someone help me understand what I need to do here so it stays put? Should I be grouping everything (logo, headline, button) to one auto layout frame? 

 

So what I’m seeing is, I have to adjust the auto layout settings, the constraint settings and position settings of individual assets each time before togging the template size I need. Is this true?

Does it make more sense to build 1 template size and create it as a component set with component properties (variants, booleans, instance swaps) that gives access to the other sizes within the set? Is the solution to creation templates for Figma Buzz?

 

Thank you so mch!

4 replies

Jaycee Lewis
Figmate

Hey hey ​@Stacey Anderson 🤩 Welcome to our community! We’re so glad you are here. 

What you’re running into isn’t you doing something wrong — it’s just a constraint setting hiding inside your groups. Let’s get it fixed together!

When elements are grouped, their inner layers often keep separate constraint rules. Figma calls this Mixed. When you resize, those inner layers follow competing rules and pull apart, causing elements to drift or distort.

The quick fix:

  1. Select your group (triangle, logo, or button)

  2. Look at Constraints in the right sidebar and change both dropdowns to Scale

  3. Repeat this for each of your elements

Setting constraints to Scale forces the group to resize as a single unit, keeping everything proportional.

A few quick tips to keep in mind:

  • Skip auto layout for fixed elements: Auto layout swaps out constraints for frame-spacing rules. For corner logos or pinned buttons, plain constraints give you much better control

  • Minor tweaks across extreme ratios are normal: While Scale handles most resizing automatically, jumping between drastically different ratios (like a tall skyscraper vs. a wide banner) will still need a quick manual touch-up

  • Use template sets for your team: Publishing multiple sizes together in Figma Buzz is the cleanest way for team members to grab pre-sized assets without resizing manually every time

Here are the docs if you want to dive deeper:

Give the Scale fix a try and let me know how it goes—I'm happy to help with screenshots or a quick gif if anything still looks off! — Jaycee

 


Stacey Anderson

I truly appreciate your response and patience here, ​@Jaycee Lewis. 😊

Answering a few things you noted directly —

  • Skip auto layout for fixed elements: Auto layout swaps out constraints for frame-spacing rules. For corner logos or pinned buttons, plain constraints give you much better control > how does this work if I need to Bulk Create my buttons? I have about 5 different CTA buttons I need to update across hundreds of ads.

  • Use template sets for your team: Publishing multiple sizes together in Figma Buzz is the cleanest way for team members to grab pre-sized assets without resizing manually every time > This is the best thing for me to do here. I’ve been trying to force myself to find a way to resize every ad using the resize template in Figma Buzz but that doesn’t seem like the best approach to take. I need to already have the sizes built and publish them in that manner like you’ve suggested. 

  • Lastly, to Bulk Create: I have auto layout applied to my main headline + sub header … I was reading that my layers can’t be nested inside anything if I’m using the bulk create feature. But I need auto layout to be applied for the text to flow correctly, right? Or is this assuming I’m changing the individual template size. 

 

Thanks again for the resources, I read through them!

~Stacey

 


Stacey Anderson

@Jaycee Lewis This is currently how I have the layers set in Figma Buzz:

 

  • Headline + description in one auto layout frame
  • CTA button in one auto layout frame.

 

I’m assuming this should work for bulk create. 


Chris Woakes
  • New Member
  • July 29, 2026

It sounds like you're expecting responsive behavior, but Figma Buzz doesn't automatically reflow every element the way a fully responsive layout would.

A few things that have worked for me:

  • Avoid grouped vectors if possible. Groups don't resize as predictably as frames. If your triangle is made of multiple vector layers, try placing those layers inside a Frame instead of a Group, then make that Frame the component. Setting everything to Scale alone usually isn't enough.

  • Check the parent container. Constraints only work relative to the immediate parent. If the parent is resizing unexpectedly, the logo and buttons will appear to "drift" even with the correct constraints.

  • Use Auto Layout for content, not for decorative elements. Headline, logo, and CTA work well inside an Auto Layout frame, while background graphics (like your triangle) are often better positioned independently.

  • If pixel-perfect placement matters across formats like 1080×1080 → 300×250 → 300×600, you'll almost always need some manual adjustments. These aspect ratios are too different for a single layout to adapt perfectly.

Personally, I'd create a few master templates for each aspect ratio (square, leaderboard, skyscraper, email banner) and use components/instance swaps for shared assets like logos, buttons, and branding. That tends to be much more reliable than trying to make one template resize flawlessly across every format.