Как создать кнопку с иконкой в Figma

В этой статье мы рассмотрим процесс создания кнопки с иконкой в программе Figma.

• Шаг 1: Создание нового документа
• Откройте программу Figma и создайте новый документ.
• Выберите размер и ориентацию документа в соответствии с вашими потребностями.

• Шаг 2: Добавление элементов
• Добавьте прямоугольник для основы кнопки.
• Добавьте круглую иконку внутри прямоугольника.
• Измените цвет иконки и прямоугольника на желаемый.

• Шаг 3: Настройка свойств
• Нажмите правой кнопкой мыши на иконке и выберите "Свойства".
• Установите значение "Position" на "Relative to parent".
• Установите значение "Size" на "Relative to parent".
• Установите значение "Offset" на "50%".

• Шаг 4: Добавление текста
• Добавьте текст на кнопку.
• Измените шрифт, размер и цвет текста.

• Шаг 5: Сохранение и экспорт
• Сохраните ваш документ в формате .figma или экспортируйте его в другие форматы, такие как .png или .svg.
• Вы можете использовать сохраненный файл в других проектах или поделиться им с другими людьми.

Теперь у вас есть готовая кнопка с иконкой в Figma!