Привет, дизайнер-алхимик! Ты наверняка знаешь, что Figma — это не просто инструмент, а целая вселенная, где даже кнопка может стать шедевром. Сегодня разберём Auto Layout и компоненты — два кита, на которых держится твой будущий ноль стресса при вёрстке. 🔮 Что сделаем? — Создадим кнопку, которая магически подстраивается под любой текст. — Научим её размножаться без боли (спасибо компонентам). — Добавим хайповый эффект при наведении (чтобы клиент сказал «вау»). 📌 Шаг 1: Auto Layout — твой новый лучший друг 1. Рисуем прямоугольник (не слишком страшный, пусть будет 8px скругления). 2. Жмём Shift + A или ищем Auto Layout в правой панели. 3. Добавляем текст внутри — теперь кнопка растягивается сама! Магия? Нет, просто Figma. 🌀 Шаг 2: Компоненты — клонируем, не паникуя 1. Выделяем кнопку → Ctrl + Alt + K (или Component → Create Component). 2. Теперь её копии — инстансы. Меняешь главную — все остальные подчиняются. Дизайнерская диктатура в действии. 💫 Бонус: Ховер-эффект для впечатлительных клиентов — Добавляем прототип → выбираем Interactive Components. — Настраиваем анимацию (например, плавное изменение цвета). — Profit! Теперь кнопка оживает при наведении. 🤖 Ирония в студию: «Раньше ты копировал кнопки вручную, как средневековый переписчик. Теперь ты — дизайнер-демиург. Прогресс? Почти как из пещеры в коворкинг.» P.S. Если после этого туториала твой макет не стал в 10 раз аккуратнее — возможно, ты зомби. Проверь пульс.