Please help @Gleb I’ve seen your solution to this a few times on Figma but I can’t seem to crack it.
I am currently working on a few landing pages that utilise our design system to swap out icons and logos, but none of them are sized to fit within the parameters we have set - design system icons are, at largest, 32x32, desired size is 108x108. I’ve created a component with the logo set at 108x108 and whenever I create an instance of that component and change the logo it shrinks back down to 32x32.
I’ve seen your files and that you have found a solution, I’ve done my best to replicate but Im just not getting the same result! I’ve linked a test file below with just basic shapes and colours.
Wait really? The second page of your “Variable Size Nested Instances” file is doing exactly what i’m trying to accomplish - having the icon I am switching out retain the size dictated by the instance and not main component.
I’ll try replicate what you have done in the linked file all the same and hope it works! Thanks for the fast reply by the way!
Already ran into a hiccup haha I dont know how to set hug on a component set without turning on auto layout :/
Already ran into a hiccup haha I dont know how to set hug on a component set without turning on auto layout :/
You don’t need to use auto layout. Again, you need the opposite. The second page in my file doesn’t use any auto layout (hug). I added that page because someone had the exact question as you.
I’m not using auto layout but its not allowing me to add hug to the component set
Perhaps there’s something wrong in the way i am setting it up…
At the moment my process is: 1. Create 2 white ellipses, turn them into, components. 2. Reduce size of ellipses to fit better 3. Copy and paste components, creating instances. 4. Turn instances into component set. 5. Try to set hug. Won’t let me XD
There is no dropdown arrow to change from fixed to hug :(
I’m not using auto layout but its not allowing me to add hug to the component set
There should be NO auto layout and NO hug. See my file. There is no auto layout and no hug anywhere. Hug is a property of auto layout so no auto layout implies no hug by default.
so sorry if this is frustrating lol
So i have no auto layout, no hug set but its not retaining the size alterations.
What constraints could I be missing? My file is below, should I be setting any of the elements in a frame?
Everything is working properly now. Just set constraints to “scale” so the circle resizes relative to the parent. Currently it’s set to center so it won’t resize when its container changes.
LOL no idea what i’m doing wrong here, set to scale, doesnt scale XD
See the circle that I selected on the screenshot I shared. That’s the one you need to change constraints on.
holy hell yes that worked! oh my god thank you very much man! that was so helpful and thank you for your patience with me as well!
My question now is will this work if i’m pulling from a design system with a variety of icons already setup in component sets? Would I just have to set all their constraints to scale?
Would I just have to set all their constraints to scale?
