Интерактивные компоненты в Figma, варианты использования

Ты супер!

Спасибо, все понятно, классно объясняете 🔥

Класс 👍👍👍👍
Только почему сразу нельзя создать компонент, а потом несколько вариантов? А именно сначала сделать так как надо, а только потом перенести в мульти компонент для прототипирования?

у меня такой вопрос, как в сделанных в родительских компонентах полях ввода с auto layout можно вводить текст?

благодаря Вам я научилась работать Figma, а друг затащил в нее :D
спасибо)

Как сделать чтоб "кнопочка с телефоном" из видео маштаби ровалась ИЗ центра а нек с боа?

Спасибо Сергей за полезное видео. Спасибо

Хорошо. Ещё во время добавления теней и других эффектов всё же проще пользоваться горячими клавишами, когда нужно делать повторяющиеся действия. Ты же ведь не один год дизайнером работаешь 😉

Супер понятно, спасибо! Вопрос, столкнулась с такой проблем: нужно чтобы при наведении увеличивалась картинка, и аналогичным образом картинки рядом. При увеличении картинка находит на находящиеся рядом. Но поверх она ложится, только если компонент находится сверху, а ясное дело все картинки не могут быть сверху (они упорядочены). И получается, что увеличение идет не поверх, а по низу. Если такое вообще решаемо при работе с компонентами

Супер, все работает 😎 спасибо

😍 класс!

Блин, это просто огнище) Я начинающий дизайнер еще, и посмотрев несколько Ваших видео, получилось сделать то же самое) В восторге от того, как круто все это работает по итогу)

Собираюсь посмотреть все видео, Вы большой молодец) Лайк и подписка уже оформлена, жаль только один лайк ставится) Спасибо большое за Ваши видео!

Спасибо! А я все не понимала почему не работают привязки в вариантах...

Дааа, тоже долго не врубалась, почему лыжи не едут, потом пошла в комменты.
прошло полгода, а простым смертным функция так и доступна без запроса.

Сергей, у вас очки на видео для зрения? Или для компьютера специальные? Не подскажите какие линзы?) Заранее благодарю

Сергей, вы прирожденный преподаватель. Более чем доходчиво. Лайк, подписка.

Какой умничка!!!! Обожаю, все понятно, спасибо огромное.

А почему не сделать сегодня завтра послезавтра тоже через инстанс, с автолейаутом, и подчеркивание не двигать, оно само будет скейлится по тексту. И далее просто выбирать или прописывать ручками на крайняк?

Урок хороший. Но применение интерактивного компонента для табов - плохое решение. Когда в реальном прототипе этот компонент будет использован, при нажатии на опцию будет происходить переход на другой фрейм (на то это и табы). Тут нужно использовать мастер компонент с тайтлами всех табов и прямо в нем законнектить тайтлы на нужные экраны. Затем создать уже компонент с вариантами (т.е. мастер компонент с тайтлами дополненный подчеркиваниями, как в уроке). Таким образом все меню во всех вариантах автоматически будут вести на нужные фреймы. При этом если менять местами/добавлять табы, то автоматически изменения применятся ко всему документу. Для переходов между экранами, установить Smart Animation, и в каждом экране выбрать правильный вариант компонента (подчеркивание в нужном месте). Тогда эффект будет как надо. Т.е. для кейсов, когда по клику на инстанс происходит переход на другой фрейм, интерактивные компоненты не подходят.

Ну что за магия🥰 спасибо за видеоуроки)

А если карточек будет в три раза больше? Можно просто сделать разные состояния одной карточки (как и в кнопке) и затем в инстансах просто менять текст?

⚡️UPD
Всем привет! добавил в описание официальные ссылки на Figma Beta и на форму подачи запроса на подключение к тестированию Интерактивных компонентов.

Доброго времени суток. Спасибо за урок. А что делать, если нету в интерекшн действия Change to?

Спасибо, не могла разобраться в теме, с вашим уроком все стало ясно)

Добрый день! Можно сделать так, что-бы при увеличении компонента он не уходил в какую-либо сторону? :-), я не смог добиться этого... У Вас на видео тоже уходит вправо а не по центру, имею ввиду компонент с телефонной трубкой.
Спасибо!

Исходник перезалейте пожалуйста, Не получается сделать анимацию, Change to нет такой вкладки в прототипах.