Hi everyone,
since we’ve used our branching/merging options in our Design System we are facing an issue, that keeps on giving the weirdest visual outputs.
The issue
When we merge a branch back into main, some frames appear to be smaller/larger than they actually are. Just last time, when we updated our icon collection and changed default size from 20x20 to 24x24px, some icons kept their visual appearance at the previous 20x20 after the merge. This is also weirdly reflected in the instance swap menu thumbnails for said icons.
A similar issue, just reversed, has already been raised here:
How to fix
The easiest fix so far, that I have found, is to enter the affected frame, shape, etc., change width/height to some random number and undo the change immediately. After this, the affected object is corrected. Fun fact: Figma seems to know the correct size of the affected object as when you select it, it is displayed correctly, and retains certain information of when it was correct, such as box-shadow. I put our components on elevated cards and then you might see the box-shadow over the full correct height/width, but the surface of the card is maybe 50% width and content is cut off.
Example of the shown affected icon. Figma retains the info on the correct size of the vector but still doesn’t show it correctly.
So - what’s going on here?
