Обложка канала

Figma Tips

4297 @figmatips

Все о Фигме. Новости, подсказки, обзоры функционала, горячие клавиши, ресурсы. Без воды и левых ссылок.

Figma Tips

8 лет назад
Открыть в
Самый простой способ организовать вертикальное смещение строки в компоненте
Когда нужно добиться смещения одного текстового блока при изменении количества строк в другом.

1. Используем один текстовый блок вместо двух.
2. Используем два разных стилях внутри текстового блока.

Некоторые нюансы при использовании в компонентах
- Лучше сразу привязывать обе части такого составного блока к стилям, иначе будут проблемы с их обновлением в экземплярах.
- Контролировать отступ между блоками внутри можно с помощью свойства Paragraph Spacing.

Минусы такого подхода
- Разработчики не смогут вытащить оба стиля без нашего вмешательства. Через вкладку Code будет доступен только один из них.
- Слабая связь текстового блока в компоненте с экземплярами. Если привязать часть текста к другому стилю, то он не обновиться в экземплярах — синхронизироваться умеет только сам стиль.

Этот способ далеко не идеальный и не сработает, если внутри есть другие фреймы, которые тоже должны смещаться. Но, как выяснилось ранее, стек-группы будут не скоро, а значит пока что это единственный способ получить такое поведение для текстовых блоков.

#подсказки