Анимация слайдера в Фигме: 4 крутых приема! Smart animate | Figma уроки

Анимация слайдера в Фигме: 4 крутых приема! Smart animate | Figma уроки

Сергей Чирков

2 года назад

43,291 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Figma
Figma - 11.09.2023 11:51

Я в шоці!!!! Я тільки починаю займатися дизайном, а в мене вже виходить крутий дизайн. Не думав, що вийде з першої спроби))) Тепер буду навчатися по вашим відео

Ответить
liliya Storogenko
liliya Storogenko - 31.08.2023 12:04

Дякую. Українські дізайнери - супер !🔰

Ответить
Юля Куклева
Юля Куклева - 08.08.2023 17:59

Как вы сделали темный фон?? У меня получается поменять только тему, но там темнеют только боковые панели, а фон остается белым. Уже глаза болят, когда пытаюсь понять, где края фреймов😂

Ответить
Кристина
Кристина - 06.04.2023 12:14

Сергей, спасибо большое за интересный и полезный контент =) Всегда смотрю с удовольствием ❤

Ответить
Orhan Davud
Orhan Davud - 24.01.2023 23:45

Привет, у меня при нажатии на кнопку изображение не выезжает как у вас, просто одно изображение гаснет, а другое вместо него появляется, делаю все точно как у вас

Ответить
ФРИЛАНСЕР
ФРИЛАНСЕР - 20.11.2022 03:31

Интересует слайдер уже внутри сайта, как это сделать, подскажите пожалуйста.

Ответить
tXn 420
tXn 420 - 16.11.2022 21:20

очень класный видио базару нет братан

Ответить
Olena Novytska
Olena Novytska - 12.11.2022 08:56

Добрый день, а как этот слайдер вставить в лендинг? Отдельно работает.

Ответить
Alex Alex
Alex Alex - 09.11.2022 15:33

Вот это басы на видео, невозможно же слушать. И музон закадровый, чтобы еще труднее слова было разбирать (

Ответить
Mila Mila
Mila Mila - 06.11.2022 09:54

Сергей, скажите пожалуйста, а как сделать так, чтобы менялось не только изображение на 3 слайде, но и информация рядом с картинкой?

Ответить
DRAW IT  - Просто рисуй
DRAW IT - Просто рисуй - 24.10.2022 18:04

Здравствуйте, подскажите, пожалуйста, бесплатный способ, как выложить видео из Фигмы непосредственно на беханс? Я записала видео при помощи обычно видеорекордера, но при размещении на Беханс, там оно слишком узкое.

Ответить
masha_uxui
masha_uxui - 30.09.2022 13:39

Большое спасибо! Очень полезное видео.

Ответить
Настя про маркетинг
Настя про маркетинг - 25.09.2022 14:00

Все отлично. Как это все сверстать без верстальщика

Ответить
Frigl
Frigl - 09.08.2022 14:57

А пробел зачем нужен?

Ответить
Рина Романова
Рина Романова - 05.07.2022 13:01

хотелось бы видеть создание анимации с 0

Ответить
Простой чел
Простой чел - 09.06.2022 07:16

Спасибо большое! Видео очень полезное, мне понравилось)

Ответить
Alexandr High
Alexandr High - 09.04.2022 02:50

Почему так лагает анимация?

Ответить
Artyom
Artyom - 08.02.2022 03:35

Спасибо большое за видео!

Ответить
Karina R
Karina R - 28.01.2022 14:54

Спасибо за видео :) пригодится в проекте

Ответить
Наталия Кузьменко
Наталия Кузьменко - 11.01.2022 23:46

Здравствуйте! Подскажите пожааалуйста как настроить автоматический слайдер внутри лэндинга💔? У меня возникает проблема — сделала слайдер, открываю прототип, чтобы посмотреть анимацию (present), хочу просколлить лэндинг вниз, чтобы посмотреть как все остальное смотрится, но анимация не дает сделать это т.е. автоматически возвращает наверх к слайдеру...

Ответить
Наталія Василівна
Наталія Василівна - 11.01.2022 22:44

Сергей, объясните пожалуйста, зачем сдвиг с пробелом. Не поняла, что он делает. Спасибо!

Ответить
Rustam Karimov
Rustam Karimov - 06.01.2022 21:07

Полезно. Спасибо за время и опыт

Ответить
Александр Чабан
Александр Чабан - 25.12.2021 23:22

Здорово, Сергей ! Спасибо! Буду пробовать.

Ответить
Veronika Rubilina
Veronika Rubilina - 26.11.2021 20:00

за третий слайдер отдельное спасибо!

Ответить
Anton Jemchujnov
Anton Jemchujnov - 26.11.2021 01:29

Спасибо большое за очередное интересное видео👍 смог бы показать интересную анимацию с зацикленным движением объекта на страничке без всяких на него воздействий, типо что тот происходит с объектом постоянно на страничке без твоего участия, при этом можно скролить всю страницу вверх иди вниз, а объект продолжает свои зацыкленные действия? 🙂

Ответить
Орлов Илья
Орлов Илья - 26.11.2021 00:47

Сергей, спасибо! Как обычно, лайк ) Поставил бы второй за "сдвиг с пробелом", если б мог ) Возник вопрос, как работает смарт анимация. Я думал, что она вычисляет где раньше находился объект и как он выглядел, и где он теперь и каким стал, уже на основе этих двух точек делает плавный переход скажем так из пунта А в пункт Б. Но ты перетаскиваешь картинку так, как будто показываешь фигме, как ей нужно перемещать картинку. Это случайность или так и есть, что фигма запоминает все движения по изменению картинки и воспроизводит их?
Последняя анимация, классная, но на мой субъективный взгляд, тяжеловата для восприятия, я теряю фокус когда всё разом уезжает, возникает эффект, что все картинки сменились на новые, а не сдвинулись) Но механика реализации крутая, надо брать на вооружение)

Ответить
Даниил Владимирович
Даниил Владимирович - 25.11.2021 18:06

Спасибо, очередная годнота
Как раз искал примеры оформления анимации слайдера

Ответить