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!
