Анимация КАРТОЧЕК в ФИГМЕ за 3 минуты / Smart Animate Figma

preview_player
Показать описание
Часто, когда презентуем проект клиенту, можем ему показывать - как всё будет уже выглядеть в готовом варианте с анимациями. И так вот для этого я покажу, как можно за 3 минуты сделать простую, но прикольную анимацию карточек в Фигме!

Привет, меня зовут Игорь, я занимаюсь разработкой лендингов уже более 2-х лет и активно двигаюсь в сфере дизайна 3 года. На этом канале делаю ролики по дизайну и делюсь своим опытом.

🔗 Все ссылки на меня ниже:

💡 Смотрите другие обучающие уроки по дизайну:

Рекомендации по теме
Комментарии
Автор

Ссылочка на чат и канал, где мы общаемся, отвечаю на ваши вопросы, получаю обратную связь😉

kravchukk_igor
Автор

хм.. не знаю все ли было бы понятно, если б я не умел это делать))
еще хорошо бы показать, как использовать эти карточки на странице, к примеру, "Все товары", т.к. я долго мучился пока не понял, что нужно делать их вариантами, анимировать, и уже тогда использовать в проекте по типу как компонент только живой. Совсем не очевидная вещь, многие показывают как заанимировать что-то круто, но не показывают как заюзать на практике. За ролик спасибо))

bogdan.k.s
Автор

Хочу сказать, что урок прикольный. Довольно полезный...особенно для тех, кто делает сайт магазина)
А те, кому нужно чуть ли не на 2 часа растянуть и говорит каждый шаг, сначала должны выучить азы Фигмы...или сделать в самом видео за действиями. Хотя я не знаю, как это видео ещë подробнее сделать)
Удачи в продвижении канала!)

musicalhotel
Автор

Отличный ролик, спасибо 👍🏻
Я как раз не спец в этой программе, но мне все было понятно.
Забрала в свою копилку идей 💡

ElenaLeukhina
Автор

Я в шоке, класс моим тренерам бы научится, ото что спрашиваю, они не знают или не хотят учить столько сил и денег потратила, так обидно ((((
благодарность вам

onvzmtz
Автор

Я вместо маски использую фрейм, так слои меньше засоряются :)

webcury
Автор

Делай это через компоненты. А то анимировать нужно будет не две карточки, а например - 10 или больше

forest
Автор

В Wordpress с Elementor быстрее сделать готовый сайт с отличными анимациями и эффектами чем ссанный прототип с имитацией через задницу и еще в 3 вариантах под адаптивность, а потом еще верстальщик парится как больное воображение дизайнера воплотить, который понятия не имеет об адаптивном дизайне нт CSS ни JS.

sergeykim