Что такое Figma Variables (Переменные) и как с ними работать? | Figma уроки

• Сергей Чижков представляет видео о создании карточки отеля с помощью Autolayota и Verybels.  

• Видео включает создание светлой и темной темы для карточки.  

• Приглашение на авторский курс по Figma с более чем 8 часами полезной информации.  

• Сергей показывает заготовку с цветами для светлой и темной темы.  

• Описание составляющих карточки: заголовок, звездочки, вид из номера, стоимость, кнопка бронирования.  

• Важность разделения стоимости на валюту.  

• Сергей объясняет, как создать Verybels для карточки.  

• Использование Figma Beta для тестирования новых функций.  

• Создание коллекции Verybels и добавление новых значений.  

• Создание колонок для светлой и темной тем.  

• Настройка цветов для светлой и темной тем.  

• Добавление параметров для цвета текста и фона карточки.  

• Создание значений для отступов: Small, Medium, Large, XL.  

• Создание значений для углов: маленький радиус, средний радиус, большой радиус, XL радиус.  

• Добавление текстовых значений для прайса.  

• Создание групп для цветов, отступов и углов.  

• Настройка видимости значений для конкретных элементов.  

• Настройка видимости значений для конкретных элементов.  

• Пример использования значений для отступов и углов.  

• Завершение настройки и подготовка к созданию карточки.  

• Создаем звездочки с помощью Shift+3 и Comm+D.  

• Создаем автоlayout для названия отеля и кнопки.  

• Объединяем все элементы в один автоlayout.  

• Применяем сглаживание углов к картинке.  

• Изменяем расстояние между значениями.  

• Устанавливаем внешние отступы и паддинги.  

• Добавляем белый цвет и выбираем значение из локальной библиотеки.  

• Устанавливаем цвет звездочек и отступы.  

• Добавляем цену и кнопку, настраиваем их параметры.  

• Устанавливаем значения для кнопки: цвет, отступы, скругление.  

• Подправляем кнопку, чтобы она выглядела лучше.  

• Добавляем текст и устанавливаем белый цвет.  

• Создаем пустой фрейм и задаем ему background.  

• Переносим карточку в фрейм и настраиваем значения.  

• Переключаем фреймы между светлой и темной темами.  

• Объясняем, как автоматически менять элементы в зависимости от темы.  

• Призываем подписаться на канал и поставить лайк.  

• Прощаемся с зрителями.