Как в Figma сделать объёмный градиент для букв

Функцию Auto Layout и компоненты обычно используют, чтобы верстать интерфейсы, кнопки и текстовые блоки. А ещё эти инструменты помогают сделать вашу работу интереснее и визуально выделиться среди конкурентов. В этой инструкции рассказываем, как с помощью стандартных функций Figma сделать объёмный градиент для букв — который потом можно будет изменить.

В этой инструкции мы используем Auto layout и компоненты. Инструкция вам поможет сделать эффект для текста, даже если вы не пользовались раньше этими функциями. Но лучше, если вы изучите их самостоятельно:

• Выравнивание в Figma: Auto Layout
• Как упростить работу в Figma. Компоненты

Подготовка компонентов

1. Сделайте текстовый объект, добавьте ему чёрную обводку и превратите его в компонент .

2. Выделите компонент с текстом, в боковой панели настроек нажмите «+» около слова Auto Layout, укажите у него выравнивание по центру и сделайте его высоту фиксированной.

3. Сделайте новый фрейм, в боковой панели настроек нажмите «+» около слова Auto Layout, укажите выравнивание по центру и сделайте его высоту и ширину фиксированной.

4. При необходимости поменяйте цвет фона у фрейма.