Youtube Preview

В 2022 году наш отдел технической поддержки в компании «Аэросеть» решил обновить YouTube-канал нашей программы, на котором публикуются обучающие видео. У нас уже было около 20 видео, и мы планировали регулярно добавлять новый обучающий контент. Мне, как дизайнеру, поручили создать превью для загруженных видео, разработать общий стиль и попытаться автоматизировать процесс их дизайна. У меня уже был опыт автоматизации. Когда возникла задача перевода интерфейсов на русский и английский языки в моем предыдущем проекте, я использовал Google Таблицы с плагином Google Sheets Sync, а также аналогичный инструмент для Figma — Static Localizer. Это было еще до появления переменных в Figma, с помощью которых стало гораздо удобнее выполнять переводы, чем использовать плагины. В этом проекте я воспользовался стандартными возможностями Figma, таблицами Google и плагином Google Sheets Sync. Ниже я опишу весь технический процесс и результаты этой работы.

Каждый треугольник в компоненте «Pattern» назван как «#Opacity». В Google Таблице, которая синхронизируется с файлом в Figma, где находится данный компонент, есть столбец, в котором при каждой синхронизации случайным образом подбирается прозрачность для каждого треугольника. Комбинация Background, Pattern и Opacity даёт нам огромное количество уникальных иллюстраций!