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

• Сергей Чишков представляет видео о вериблс в Figma.  

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

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

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

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

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

• Рекомендация использовать Figma Beta для получения обновлений.  

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

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

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

• Добавление значений для текста, фона карточки и серого цвета.  

• Создание значений для отступов: small, medium, large, x-large.  

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

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

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

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

• Создание звездочек и заголовка.  

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

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

• Применение значений вериблс к элементам карточки.  

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

• Установка внешних отступов и паддингов на 24.  

• Использование веррибола для цвета фона.  

• Выбор цвета звездочек и установка отступов.  

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

• Настройка кнопок и их параметров.  

• Добавление строк и скруглений.  

• Настройка отступов и паддингов для кнопок.  

• Финальная проверка и корректировка.  

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

• Копирование фрейма и размещение карточки.  

• Настройка лейа для фрейма и карточки.  

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

• Автоматическая смена цвета и текста.  

• Настройка изменения цены в зависимости от режима.  

• Подведение итогов работы с верриболами.  

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

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