

Figma. Урок 8
26 января 2026 г.
Изображение товара
Название товара
Кнопка «Купить»
Цена
Чтобы было понятно, в каком месте расположить объекты, и сделать сайт ровным и аккуратным
Чтобы сайт загружался быстрее
Чтобы автоматически менять цвета элементов
Чтобы добавлять анимацию ко всем объектам сразу
Использование инструмента Strikethrough (Зачёркнутый) в разделе настроек текста
Изменение цвета текста на серый
Добавление эффекта Drop Shadow (Падающая тень)
Уменьшение размера шрифта
12 колонок
4 колонки
8 колонок
10 колонок
Создать для карточки второй вариант (Variant) и настроить переход по триггеру While hovering
Удалить карточку и создать новую
Увеличить размер карточки вручную
Изменить цвет фона всего сайта
Кнопка тоже должна перейти в своё состояние наведения, так как она часть карточки
Кнопка исчезнет
Кнопка автоматически изменит цвет на красный
Ничего не произойдет, кнопка независима
Gutter (Промежуток / Средник)
Margin (Поля)
Count (Количество)
Width (Ширина
