Skip to main content
pietrogregorini
New Participant
May 13, 2022
Question

Text doesn't look aligned properly using autolayout with component properties

  • May 13, 2022
  • 12 replies
  • 2305 views

I noticed a really strange visual appearance behaviour that happens using component properties with autolayout and text styles inside.

I’m trying to achieve a single input field that could be adapted in different situations. Everything is great, aside the fact that when I close and open again the same file, texts appear not aligned vertically anymore. Double-clicking the instance to edit it brings all the elements to the correct position.

Example as I open the file

Example as I double-click the instance

Somebody is experiencing the same issue?

This topic has been closed for replies.

12 replies

pietrogregorini
New Participant
May 13, 2022

In addition to this, I’m still experiencing the same bug reported in other threads, not only for the swap instance colors (eg: icons) but also for the texts.

I tried to nest the component above (which uses component properties and one variant only for sizes) to create a single input text field where I can manage the content (value, placeholder or empty), size and states. This is only made of variants, no custom properties (those are managed by the nested component inside).

This component is not working as expected if I change the “content” variant property after editing it, while works as expected if I don’t change anything. This looks so weird to me.

Gaia
May 13, 2022

I’ve the same problem! Waiting for a fix 🤞

Leo14
May 13, 2022

Same here! It’s a pretty nasty one, hope it get fixed soon 🙏

Ilya_Ivanov
September 30, 2022

Same here. Nested text layers often loose their overrides and restore them on double-click.

Esteve_Aguilera
May 31, 2023

I’m facing the same issue, it started suddenly… No news about a way to fix it?

Roc_Boronat
June 1, 2023

Same here. I’ve spent 3 hours tapping everything in my project and for sure I forgot something. People with only “view” permissions can’t fix it. What they do is to save the project in another local Figma file and then, it works. That’s super sad, Figma.

tank666
June 1, 2023
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
Saul_Prior
June 1, 2023

I’m experiencing the same problem, yesterday I fixed all the project and today I see some buttons moved again 😦 got the client quite upset complaining about that. Please deliver a fix! 🙏

Esteve_Aguilera
June 1, 2023

Looks like it kinda works for a bit when used locally, but not for everyone. The real headache is for those with just ‘viewer’ access - they can’t run Quick Actions.

Saul_Prior
June 2, 2023

Copy-pasted all the project into a new figma file, the trick lasted a day, the second day the new figma file starts to glitch again 😦