Как сделать карусель в Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 2024

ความคิดเห็น • 42

  • @kendzerskiy
    @kendzerskiy ปีที่แล้ว +10

    Спасибо. полезный урок. А как теперь встроить это на сайт что бы не перетаскивать всю эту конструкцию на макет?

  • @АраСискевич
    @АраСискевич 2 ปีที่แล้ว +1

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

  • @CIZINEC2021
    @CIZINEC2021 6 หลายเดือนก่อน

    Супер. Ян, а можно при создании карточки использовать фрейм, а не прямоугольник?

    • @YanAgeenko
      @YanAgeenko  6 หลายเดือนก่อน

      Можно

  • @ДенисМаличенко-ю3е
    @ДенисМаличенко-ю3е 2 ปีที่แล้ว +3

    Ян, сделайте пожалуйста урок, где кнопка постоянно переливается разным цветом)

  • @ВалерияРучина-д6г
    @ВалерияРучина-д6г ปีที่แล้ว +1

    Слушай, а если нужно чтоб данный эффект был только на половину слайда? Ну то есть у меня лендинг и там правая часть это иконки плывущие а левая это собственно название и навигация боковая. Тогда как всю эту супер систему вставить в один лендинг 😅

  • @ved.veronika
    @ved.veronika ปีที่แล้ว

    почему-то когда нажимаю просмотреть прототип, то там видно только сам фрейм (то есть один лист) без элементов, вообще пусто. в слоях все проверяла, и под фреймом элементы ставила, и над фреймом - ничего нет (уже на самом первом этапе на 11:40)

  • @Midi25
    @Midi25 ปีที่แล้ว +4

    вы в исходнике не открыли возможность посмотреть настроенные связи анимации.
    также вы не упомянули, что при дальнейшем копировании фреймов все они будут уже с настроенной для первых 4 фреймов анимацией.
    новичок тут просто ногу сломит. ему придется удалять неправильные связи и потратит он на урок не 20 минут а гораздо больше времени чем идёт это видео.
    Это же УРОК. почему дальше ученик должен догадываться сам, почему урок не показан от начала до конца?
    Почему использованы эмоционально-окрашенные примеры создающие путаницу и пестроту, тогда как изображения цифр 1-2-3-4-5 были бы нагляднее?
    чье время вы сэкономили - ученическое? Нет, своё.

  • @ВалерияФрыкина
    @ВалерияФрыкина ปีที่แล้ว +1

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

  • @Adelya779
    @Adelya779 ปีที่แล้ว

    Я смогу это перенести в Тильду будет ли там это работать ведь я хочу что бы и на сайте работала анимация?скажите пожалуйста

  • @xMOGG
    @xMOGG ปีที่แล้ว +1

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

    • @mikeseed
      @mikeseed ปีที่แล้ว

      Проверьте все ли карточки во фрейме находится

  • @Луна-ъ5о
    @Луна-ъ5о 10 หลายเดือนก่อน

    А как теперь такой блок перенести в таплинк? Чтобы также карусель осталась?

    • @escaperssoft4529
      @escaperssoft4529 10 หลายเดือนก่อน

      ты узнал как?

  • @janejane4774
    @janejane4774 ปีที่แล้ว

    Спасибо большое! Очень помогло😌

  • @MarishkaaaM
    @MarishkaaaM ปีที่แล้ว

    Здравствуйте. Скажите пожалуйста, как перенести такую карусель в тильду, это возможно?

  • @ИльнурЮсупов-ы2ш
    @ИльнурЮсупов-ы2ш ปีที่แล้ว +1

    Делаю все как на видео, только вместо перехода справа на середину, просто плавно меняется само изображение

    • @YanAgeenko
      @YanAgeenko  ปีที่แล้ว

      что-то значит не совсем так делаете. Надо перепроверять

    • @no_more84
      @no_more84 ปีที่แล้ว +1

      Вряд ли ещё актуально, но сам наступил на те же грабли. В итоге понял, что дело в названии фреймов или групп элементов, которые должны сдвигаться. У меня они были все с одним названием, а чтобы работало, как задумано, они должны отличаться в рамках одного слайда, но совпадать в разных. То есть на слайде 1, например, должны быть элементы 1, 2, 3, 4, 5; и на втором слайде они должны называться так же, тогда эффект Smart Animate будет работать должным образом, так как Figma будет понимать, как должны сдвигаться элементы. Надеюсь, кому-то пригодится.

    • @ДианаГречко-л8й
      @ДианаГречко-л8й 9 หลายเดือนก่อน

      @@no_more84 привет, если у тебя получилось, не мог бы ты мне помочь, не понимаю что не так сделала

    • @no_more84
      @no_more84 9 หลายเดือนก่อน

      @@ДианаГречко-л8й скинь ссылку на свой проект, попробую посмотреть.

  • @vadimtrick4959
    @vadimtrick4959 ปีที่แล้ว

    Подскажите пожалуйста, как интегрировать слайдер в основной фрейм к другим элементам на главной странице? или это только отдельно возможно, ?

    • @YanAgeenko
      @YanAgeenko  ปีที่แล้ว

      Записал видеоинструкцию: th-cam.com/video/qEQEEakshkg/w-d-xo.html

  • @polinabardina990
    @polinabardina990 ปีที่แล้ว +1

    классный и полезный контент!!! спасибо за вашу работу

  • @imperiya.finance
    @imperiya.finance ปีที่แล้ว

    Здравствуйте! Помогите новичку. Как сделать движение туда-сюда для каждой отдельной карточки я понял. Как все итерации соеденить в единый цикл? Анимация прекращается после первой итерации. И дальше не идет. У меня 6 карточек. Все сделал по отдельности по принципу первой. Как их соеденить в общую карусель?

    • @Midi25
      @Midi25 ปีที่แล้ว

      идите спросите у Теплова или Бычкова, они более профессиональные учителя и уважают свою аудиторию.

  • @venumpubgg
    @venumpubgg ปีที่แล้ว

    А я вообще не могу боковые во фрейм затянуть... 😢

  • @ДианаГречко-л8й
    @ДианаГречко-л8й 9 หลายเดือนก่อน

    может кто то помочь, у кого получилось. не понимаю что не так сделала

  • @Ciklopp
    @Ciklopp 2 ปีที่แล้ว

    Зачем переход от фрейм 2 к фрейм 4? Почему нельзя от 1 к 4 сразу?

    • @YanAgeenko
      @YanAgeenko  2 ปีที่แล้ว +1

      потому что без этих переходов не получится такая красивая анимация

  • @ДианаМазуренко-н2б
    @ДианаМазуренко-н2б 2 ปีที่แล้ว

    Здравствуйте. То есть если мне нужно сделать дизайн сайта и допустим будет блок с такими переходами (10 карточек ) Мне для верстальщика нужно все 10 карточек анимировать ? Или можно несколько карточек просто для демонстрации как это должно выглядеть ?

    • @YanAgeenko
      @YanAgeenko  2 ปีที่แล้ว

      Как договоришься с верстальщиком :)

    • @maximvostrikov2457
      @maximvostrikov2457 2 ปีที่แล้ว

      🤣

    • @lv--ak3310
      @lv--ak3310 ปีที่แล้ว +1

      Хз актуально тебе ещё или нет. Тут уже какой у тебя заказчик. Логично было бы просто сделать пример в пару карточек и всё. Чтобы не тратить время в пустую

  • @Roman-p7o
    @Roman-p7o 11 หลายเดือนก่อน +1

    да ребята, вы всё правильно поняли. Поразбиравшись в этой куче дерьма которую сюда отсыпал автор часов 6 и сравнив банальную анимацию которую можете сделать все вы и тот бред который он оставил в шапке ролика, я пришёл к выводу что получается одно и тоже. Каких либо отличий 0. Я не думаю что сам автор канала в этом разбирался, а просто взял материал из какого-то левого ресурса и решил впихнуть его в свой ролик и даже не стал заморачиваться над тем чтобы эту кучу го*на объяснить, просто закинул проект (который он явно откуда-то скопировал) себе в шапку и нате, хавайте.
    Это видно хотя бы потому, что в исходнике используются совершенно не те шрифты и прочие атрибуты, которые автор показывал в ролике.

  • @maximvostrikov2457
    @maximvostrikov2457 2 ปีที่แล้ว +4

    Чувак ну если ты знаешь горячие клавиши пользуйся ими и параллельно объясняй, а так кажется что в фигме не бум бум

    • @srn_off
      @srn_off 2 ปีที่แล้ว +3

      это видео прям для новичков которые не шарят за горячие. мне понравилось

  • @TheSidhan
    @TheSidhan ปีที่แล้ว +1

    Человек, что у тебя в душе творится, если тебе нравятся такие картинки?.. Вопрос риторический, можно не отвечать.

    • @YanAgeenko
      @YanAgeenko  ปีที่แล้ว +3

      А что не так с картинками?

    • @Midi25
      @Midi25 ปีที่แล้ว

      @@YanAgeenko просто неприятно смотреть на них. ну разве что кроме классического комиксового джокера образца 1992

    • @boredvlD
      @boredvlD ปีที่แล้ว

      ​@@Midi25 89

    • @Midi25
      @Midi25 ปีที่แล้ว

      @@boredvlD точно, 1989. В 92-м уже Пингвин был.