Figma Variants

Сегодня посмотрим, как работает Figma Variants — новый функционал, добавленный в Фигму с последним обновлением. Новые возможности могут быть крайне полезными в работе, однако с первого взгляда Variants может показаться запутанным. Давайте разибраться 🙂

00:00 - как работают варианты
07:04 - как создать набор вариантов из существующих компонентов
10:41 - как создать свойство с булев типом
13:43 - использование вариантов на примере набора кнопок
16:53 - возможные проблемы при использовании вариантов
19:42 - больше примеров
39:19 - изменение порядка свойств и значений
43:11 - инспектирование вариантов
44:40 - о вложенности компонентов внутри набора вариантов

Подписывайтесь на соцсети:

[zelenoglazaja]

Сначала лайк за труд, потом просмотр)

[АллаВолянская-фъ]

спасибо за туториал! мне очень понравилось, что в процессе создания вариантов возникали траблы. Прям как в реальной жизни. Как правило, смотришь идеальный урок, а потом в своем проекте возникают какие-то ошибки и очень долго разбираешься, что не так... А тут уже прошли какие-то моменты и я уверена, что на практике мы сможем быстрей починить свой "неидеальный кит"

[ОльгаТанасюк]

ООО ты мой спаситель) спасибо большое за туториал!!

[НаташаШевченко-вл]

Очень нравится, как вы подаете материал! Очень помогло разобраться! Успехов! Спасибо за ваш труд!

[pooser]

Просмотрела от и до. ОГРОМНОЕ спасибо за такой подробный разбор!

[НикитаПономарев-рф]

Кто фигму придумал, вообще красавчики, кккаалянусь баалин

[liteleak]

Максим, в одном из постов под видео ты писал, что как только закончишь с "обучающим проектом" опубликуешь его, уже полгода прошло, очень хочется взять твой проект как за образец и от него шагать уже! (спасибо за уроки по фигме!)

[ogabekeshmurodov]

thank you bro, it's very useful video

[olagulakowa]

спасибо за очередную полезную информацию)

[aleks]

Спасибо, теперь стало понятнее с вариантами :)

[kristina]

Очень полезно, как всегда, и приятно слушать)

[АлександрКоновалов-юг]

Спасибо за столь ценный материал. В дополнение к нему не помогли бы вы разобраться вот с этим видео: Creating a Timer Animation in Figma using Interactive Components - YouTube ? Очень интересное и необходимое, но ничего непонятно.

[НикитаПономарев-рф]

Афтор видео, ты тоже молор), спасибо брат!

[VooDooDread]

очень полезное видео! расскажи про хитрую компенсацию в кнопках?

[dara_rada]

на самом деле пример с чаем очень неплохой! проекту, на котором, например, есть фича по созданию собственного векторного аватара в игре, супер сильно упрощает дизайн-процесс

[lk]

получается что перед созданием вариантов нужно совершать одно лишнее действие в виде создания мастер компонентов, почему варианты нельзя создать также как группу, где хоткеи для создания вариантов?, помоему нововведение слегка сыровато..., это как всплывающее оверлей меню функций с созданым слоем, по клику правой кнопкой мыши на слой с функциональным набором: создать группу, разгрупировать, сделать фреймом...когда состояния у созданого элемента может быть всего два: состояния фрейм/состояние группы, с возможностью одним кликом мыши переключения между ними, вместо этого сначала ты делаешь один клик, открывающий меню, затем другой клик выбирающий один из трех вариантов одного тумблера, которые реализованы в качестве отдельных кнопок...где нажатие на одну из этих трех в любом случае исключает две другие, ты либо создаешь группу, в таком случае ты определенно не можешь "разгруппировать" и определенно не можешь "создать фрейм", и при нажатии на группу у тебя всего один вариант, это вернуть в состояние фрейма/ов(разгрупировка "ungroup"), так как разгруппировка это тоже изменение состояния группы возвращение в изначальное состояние фрейм... абсолютно не понятно к чему выносить взаимоисключающие функции в отдельные кнопки, если это во первых можно объеденить в одну, во вторых одна из кнопок, называясь по другому, выполняет абсолютно ту же функцию, что и другая, в третьих это экономит время и создает более гладкую картину общего функционала, лишенную лишних кнопок...а также сокращает время ввиду отсутствия дополнительного клика, а это делает интерфейс уже более интерактивным...вообщем не понятно... создает лишнюю мароку, а толку ноль

[catriarchiv]

На всякий случай замечу, что автолейаут работает в вариантах. Правда только в одной плоскости, либо все варианты по горизонтали, либо по вертикали. Внутри невозможно создать сетку из вариантов, либо я не понял как это сделать.

[komkoff]

Максим, запиши пожалуйста урок про функцию в прототипировании фигмы Easing Curves.
В русскоязычном ютубе нет уроков об этом, а из туторила совершено не понятно как пользоваться этими кривыми и какие координаты должны быть для плавной анимации...
Уверен что ты разобрался в этом функционале и можешь подсказать остальным.

[bradfordv]

А нет случайно в фигме странички, того как правильно давать имена объектам . Ты упомянул, то что в мире принято называть так : button/primary/default...
А как именуют правильно иконки. Текст внутри бокса. И тд...

[РоманРомановский-чъ]

У меня при выделении компонентов не появляется Variants, как быть?