120 вариантов кнопок в Figma за 5 минут // Figma Variants

Создаем 120 вариантов кнопок в Figma быстро и без рутины. Это не полный обзор функционала Variants. Для просмотра этого видео, я надеюсь, что с базовым функционалом вы уже знакомы.

Таймкод:
00:00 Здарова
00:27 Определяем атрибуты и свойства
01:30 Сборка максимального компонента
02:26 Делаем варианты
06:12 Делаем состояния
07:55 Делаем Secondary-кнопки
08:54 Делаем Outline-кнопки
11:15 Создаем второй размер кнопкам
12:30 Пока

[eugenelebedevsky]

Этот видос стоит посмотреть каждому дизайнеру, у которого есть проблемы в работе с компонентами и вариантами. Это золото ❤️

[ОрловИлья-пъ]

Спасибо! Доступно даже новичкам. Отдельное спасибо за скорость подачи, редко смотрю на х1 ))

[VanyaQA]

Комментарий для продвижения! Женя ты супер!

[snami_dream]

Классно, отличный видеоурок, спасибо!

[alexlisouski]

странно, у меня нет кнопки + в панели опций где варианты. наверно после обновления функционал другой уже. можно либо через create component set либо через combine as variants

[evgenykuzmin]

Оч крутой гайд, как раз для кита собираю компоненты, подход топ, привет из S7. Кажется, только, что стейты не очень нужны в виде вариантов, в макетах. Стейты можно показать отдельно

[horhegarsia]

Спасибо за подсказку. Может быть можно более глубокой вложенностью ещё как-то оптимизировать количество?

[Black_]

Привет!
Расскажите пожалуйста, как создать иконки с разными размерами, чтобы их тоже можно было менять в кнопках.
Спасибо!

[kuton]

При смене иконки в кнопке она красится в первоначальный цвет, как это исправить?