📞 Как сделать кнопку в Figma, которая не ломается при замене текста

Частая ошибка новичков — рисовать кнопку обычным прямоугольником и отдельно ставить поверх него текст. Меняете надпись — и кнопку приходится заново растягивать вручную.

Сделайте её через Auto Layout:

🖱 Выделите Текст И Нажмите Shift + A.

📐 Установите Горизонтальные Отступы 24 px, А Вертикальные — 14 px.

🔒 Для Ширины Выберите Hug Contents — Кнопка Будет Подстраиваться Под Текст.

🎨 Добавьте Фон, Скругление И Нужный Цвет Текста.

🧩 Превратите Кнопку В Компонент, Чтобы Использовать Её На Всём Сайте.

🔍 Проверьте Несколько Надписей: «Подробнее», «Оставить заявку» И «Получить консультацию».

Теперь кнопка будет автоматически менять ширину и сохранит правильные отступы. Особенно удобно при создании адаптивного дизайна и нескольких страниц сайта.

Нужен современный сайт или Telegram-бот? Обращайтесь в Verto Studio 👇

🌐 https://vertostudio.ru
💬 https://t.me/Verto_Studio

#обучениеверто