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

[pietrogregorini]

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?

[pietrogregorini]

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]

I’ve the same problem! Waiting for a fix

[Leo14]

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

[Ilya_Ivanov]

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

[Esteve_Aguilera]

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

[Roc_Boronat]

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]

Lato font being displayed as Times

Try using the “Recompute Text Layout in Selection” or “Regenerate All Instances (Slow)” commands by typing them into Quick actions.

[Saul_Prior]

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]

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]

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

[Keenan_Howard]

Same issue. This is super frustrating.

[Gayani_S]

Hey Keenan, could you please try the steps tank666 suggested?

Follow these steps:

1. Select a layer using that font.
2. Open the menu or open the quick actions menu.
3. Use Select all with same font to select all text layers with that font.
4. Use Recompute Text Layout in Selection to reset text to the correct formatting.

or “Regenerate All Instances (Slow)” commands by typing them into Quick actions.

Please let me know if that helps.