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

[@goodtimejenkins]

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

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

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

[@uxrdsgn]

Спасибо за просмотр и отзыв)

[@vitamoskalenko6749]

Урок просто огонь, спасибо:)

[@igortsudin4475]

Крутой контент и понятные объяснения!

[@snami_dream9597]

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

[@z1mmex]

Спасибо за видео, полезно и понятно!

[@alinna3611]

Спасибо большое Вам

[@VanyaQA]

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

[@alexlisouski4069]

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

[@evgenykuzmin4422]

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

[@uxrdsgn]

Привет 😀 спасибо!

[@iCosmictube]

Пушка !

[@horhegarsia4221]

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

[@uxrdsgn]

Теперь можно оптимизировать через пропертис, вместо 4 кнопок с иконками можно сделать одну и менять настройки в правой панели

[@horhegarsia4221]

@@uxrdsgn то есть как бы "прокидывать" вариант дочернего компонента родительскому?

[@uxrdsgn]

@@horhegarsia4221 нет, я говорю про обновление variants, можно посмотреть вот в этом видео kzbin.info/www/bejne/jpmUm6Camb1pY5I

[@djeidi009]

Спасибо

[@Адиль-ю2о]

годно

[@Black_1390]

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

[@uxrdsgn]

привет! Например, если у вас иконки двух размеров: создайте два сета с иконками, иконки должны быть компонентом (каждая иконка), создайте два мастер-компонента кнопки, в одну кнопку положите один размер иконки, во второй мастер-компонент второй размер иконки. Далее, когда будете собирать варианты, просто переназначьте инстанс одного компонента на другой Приходите в личку телеграм, если не понятен путь, покажу t.me/rvrsrec

[@kuton]

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

[@uxrdsgn]

Как вариант - слить иконку через union, чтобы это был один шейп

[@kivva7350]

а зачем точка в названии мастера?

[@uxrdsgn]

Если пользоваться планом Pro и использовать публикацию библиотеки компонентов, то получается дубль: мастер-компонент кнопки и компонент с вариантами. Точка или нижнее подчеркивание в начале названия компонента делает компонент приватным и Figma не выгружает его в библиотеку, на выходе всего один компонент кнопки с вариантами