Как сделать анимацию слайдера в Figma?

Поділитися
Вставка
  • Опубліковано 12 жов 2021
  • Файл для практики из видео www.figma.com/community/file/...
    bit.ly/3DAX0RU - получите подарок для Figma. Комплект Sirius для создания дизайна лендингов быстро и легко.
    Комплект «Дизайн генератор» для Figma - bit.ly/2YMlKHS
    В этом видео поговорим о том как сделать анимацию слайдера с помощью функции smart animate в Figma (фигма).

КОМЕНТАРІ • 26

  • @user-eq1kj3ki2r
    @user-eq1kj3ki2r Рік тому +1

    Большое спасибо за урок! И отдельное спасибо, что без воды - все очень понятно и красиво получилось)

  • @chipchilinka5645
    @chipchilinka5645 7 місяців тому +4

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

    • @dariakobozeva6179
      @dariakobozeva6179 7 місяців тому +2

      Плюсую, у меня тоже на реальном дизайне странно работает. Я правда дублировала полностью фрейм с дизайном и меняла слайдер, он как бы работает, но экран скачет туда-сюда на 50-100 пикслей вверх при переключении, а иногда вообще перекидывает на начало фрейма вверх. Обрезаю фрейм под слайдер, как в видео - всё окей, красиво-плавно. Вопрос как это делать на реальном дизайне, а не на отдельном примере...

    • @escaperssoft4529
      @escaperssoft4529 6 місяців тому

      @@dariakobozeva6179 привет, получилось сделать тогда?

    • @behaviorrise
      @behaviorrise 4 місяці тому

      @@dariakobozeva6179Поддерживаю, вопрос очень актуальный

  • @user-kx8uc4kf5w
    @user-kx8uc4kf5w 2 роки тому

    Спасибо большое!!! у меня наконец-то получился слайдер) Очень круто

  • @betakarsel
    @betakarsel 8 місяців тому

    Обалдеть, получилось, спасибо!!

  • @sofigevorgyan637
    @sofigevorgyan637 Рік тому

    спасибо большое за урок

  • @user-jo1tv2be8b
    @user-jo1tv2be8b Рік тому +2

    делала все по видео,но у меня ничего пе получилось, прозрачность не изменялась при наведении и слайдер не работал

  • @marytv2579
    @marytv2579 Рік тому

    А как лучше всего выгрузить анимацию из Фигмы, чтобы добавить ее куда-либо в виде видео?

  • @toffynails
    @toffynails Рік тому

    Подскажите когда сделала на кнопках в самом начале мульти компонент, все получилось. Потом когда так же увеличиваю фрейм, у меня кнопки растягиваются вместе со фреймом а не остаются на месте. Что не так не понимаю

    • @toffynails
      @toffynails Рік тому

      Нашла ответ, вдруг у кого так же будет, нужно зажать Ctrl 😊

  • @web-des_yar6385
    @web-des_yar6385 Рік тому

    Комплекты не открываются (((

  • @ithelperforall7378
    @ithelperforall7378 2 роки тому +3

    Ну, посмотрел за 1 присест весь плейлист и по факту просто ознакомился с возможностями. Ничего не запомнил практически. После того как потыкал и поковырялся сам - осталось больше в голове. Анимацию даже не повторял потому что на разбор готового уходит больше времени, чем делать с нуля, и запоминается больше. В связи с этим хочу предложить вам сделать всё пошагово. Тогда это будет урок, а так это слишком плотно для людей (я ещё по привычке скорость установил на 1.25 хах), которые как и я, решили окунуться в неизведанное для себя. P.S. За труды конечно благодарность, но это не уроки, а презентация инструмента.

    • @VladimirChernyshovRu
      @VladimirChernyshovRu  2 роки тому

      Остальные уроки на другом канале m.ua-cam.com/channels/CPdF7mUk5qvoODHKaV4YHg.htmlvideos

  • @milenasafford4494
    @milenasafford4494 Рік тому +4

    А как вставить эту анимацию в лендинг, чтобы она работала?

    • @user-jt9gp3lk4d
      @user-jt9gp3lk4d 10 місяців тому

      Вытащить первый слайд (стрелки+изображения) и вставить в лендинг)

    • @vadimtrick4959
      @vadimtrick4959 7 місяців тому

      @@user-jt9gp3lk4d Анимация во фреймах реализована так что работает она не в теле лендинга, а уводит на отдельные страницы каждого кадра

    • @vovcheg113
      @vovcheg113 7 місяців тому

      ​@@user-jt9gp3lk4d не совсем понятно, можно поподробнее?

    • @escaperssoft4529
      @escaperssoft4529 6 місяців тому

      @@vovcheg113 привет, получилось сделать тогда?

  • @Yuk.KaSpER
    @Yuk.KaSpER 2 місяці тому

    ❤❤❤❤

  • @GQ-oz5mr
    @GQ-oz5mr 4 місяці тому

    кайф

  • @Lightbluelights
    @Lightbluelights 10 місяців тому

    спасибо. очень трудно😁

  • @user-kc8qm3wr1h
    @user-kc8qm3wr1h Рік тому

    нет эффекта как в конце, делала все по инструкции

  • @user-ri7sd4py5h
    @user-ri7sd4py5h 7 місяців тому

    Спасибо! Очень классный и полезный урок! Всё подробно и понятно!
    Но, Владимир! Я, как профессиональный актёр и чтец, позволю себе обратную связь.
    Вы так рассказываете, что не понятно, где главное, а где второстепенное. От этого очень быстро устаешь и становится скучно. Комментировать каждое действие, может быть и полезно, но, я уверен, стоит важные действия выделять голосом, а второстепенные действия говорить впроброс.
    Ещё раз повторюсь: материал супер-полезный и понятный! Надеюсь мой комментарий был полезен! 🙏

  • @user-zd8ge3lt6n
    @user-zd8ge3lt6n Рік тому +1

    У вас слайдер в іншу сторону прокручується😄