Smart animation in Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ม.ค. 2025

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

  • @DifferentTurn
    @DifferentTurn 5 ปีที่แล้ว +90

    Максим, ваш канал это просто кладезь знаний!
    Большое спасибо за труд :)

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว +2

      Спасибо. Рад, что контент оказался полезен 🙂

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

    лучшего обучения про анимацию в фигме пока еще не встретил. Респект.

  • @Артемий-ч5р
    @Артемий-ч5р 8 หลายเดือนก่อน +1

    боже, это лучший урок что я видел за последнее время!
    спасибо, подписался)))

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

    Сколько же ты сил и знаний вкладываешь в свои видео... Я просто в восторге.. Это круче, чем какие-либо платные курсы на зарубежных платформах

  • @iliakovalski683
    @iliakovalski683 5 ปีที่แล้ว +42

    Большое спасибо, видео 10 анимаций в фигме из 10, разжевал так, что даже школьники поймут. Молодец. Лайк и подписка, заслужил!))

    • @leonid2713
      @leonid2713 3 ปีที่แล้ว

      Даже школьники...

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

      @@iliakovalski683 Зачем употреблять слово школьник в данной ситуации? Школьник не может размышлять/учиться? Что значит указательное 'даже' в твоём предложении, почему ты не написал, например, так: 'даже анацефал поймёт'. Тогда было бы понятно, что ты не принижаешь чьи-либо умственные способности, а говоришь о том, что материал из урока лёгок в освоении.

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

      ​@@leonid2713 Возможно ты прав и если ты считаешь мои слова оскорбительными для себя или кого-то другого, то я извиняюсь и постараюсь больше так не писать.
      В данном случае я решил не использовать грубые слова по типу тех, что ты приводишь в пример, поэтому недолго думая написал первое пришедшее на ум. Изначально я не вкладывал в него негативного контекста, который ты написал , я понимаю, что фраза "даже школьники" звучит как-будто я их принижаю, но тут я скорее хочел подчеркнуть, что даже неопытный человек сможет понять)
      Лайк, за то, что подметил и написал об этом)

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

      @@iliakovalski683 такой адекватный и добрый ответ🤍

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

    Супер видосы. Фирма становиться интереснее и интереснее

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

    Время идёт, фигма изменяется, урок устаревает. Скажем, в примере на 6:00 обратный переход на предыдущую карточку не работает, если в списке включен вертикальный скроллинг, потому что он конфликтует с функцией on drag. Поэтому во второй карточке нужно тащить стрелку обратного перехода не от #elements (в котором скролл), а от находящегося внутри него #Frame60. Или вот на 16:00 теперь не нужно добавлять никаких костылей, потому что появилась возможность добавить второй interaction на тот же блок - on drag стал умным и понимает, влево или вправо переходить.

    • @0xarsen
      @0xarsen 3 ปีที่แล้ว

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

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

    Фигма - очень умный инструмент. Спасибо , автор, ты хорошо обьснил работу анимации . Стоит рассказывать чуть более эмоционально, это улучшает запоминание материала и вас

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

    Вот это находка! Благодарю за урок!

  • @ЛунёвВадим-й5м
    @ЛунёвВадим-й5м 5 ปีที่แล้ว +17

    Спасибо, тебе, за то что ты делаешь! ))))

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

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

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

    Спасибо за оба видеоурока по прототипированию в Figma.
    Лайфхаки про костыли с прозрачными слоями - это полезно, как минимум с точки зрения знания что без костылей не обойтись при реализации некоторых сценариев.

    • @Паша-с5п2т
      @Паша-с5п2т 2 ปีที่แล้ว +1

      в фигме уже есть возможность присваивать несколько линков одному слою

  • @ch1nedits808
    @ch1nedits808 3 ปีที่แล้ว

    Посмотрел первый урок и начинаю этот. Я в восторге

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

    очень информативное и полезное видео. А главное всё по делу без лишних слов :)
    Отдельное спасибо за ссылку на файл!

  • @polinaershova699
    @polinaershova699 3 ปีที่แล้ว

    Боже мой, спасибо Вам большое! Вы просто столько знаний даете абсолютно бесплатно, за которые многие требуют каких-то баснословных денег. Ааааа спасибо тысячу раз!!

  • @nzmath_lessons
    @nzmath_lessons 3 ปีที่แล้ว

    Спасибо большое! Урок подготовлен и реализован гораздо лучше, чем у многих профессиональных педагогов.

  • @ArtImmersion
    @ArtImmersion 3 ปีที่แล้ว

    препод от бога! Прохожу курс в одной школе, но учусь у вас. Спасибо !

  • @rocket409
    @rocket409 3 ปีที่แล้ว

    Смотрю в 2022 году, но все еще нужный и полезный урок, спасибо)

  • @Sarkozuhus
    @Sarkozuhus 3 ปีที่แล้ว

    Спасибо тебе, добрый человек.

  • @Владимир1983-о7ч
    @Владимир1983-о7ч 3 ปีที่แล้ว

    Спасибо за урок, понятное и чёткое объяснение без воды

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

    Огромное спасибо за видео! Сто миллионов лайков автору!)

  • @МарияКрутикова-л6д
    @МарияКрутикова-л6д 3 ปีที่แล้ว

    Спасибо за ваш канал, захожу в ютуб только ради таких видео)

  • @КонстантинАлександров-ю4ы
    @КонстантинАлександров-ю4ы 7 หลายเดือนก่อน

    Спасибо за все эти приемы, очень полезно.
    Только есть нюанс. Теперь нет костылей, можно добавить два взаимодействия на один элемент.
    Что бы понять это у меня ушло примерно часа 3 попыток понять, "а почему не работает?"))))

  • @pletnov
    @pletnov 4 ปีที่แล้ว

    Решил перейти на Figma. А тут такой контент! Для старта самое то! Спасибо! Лайк + подписка!

  • @ДорошенкоВиктория-ю2и
    @ДорошенкоВиктория-ю2и ปีที่แล้ว

    Здорово ❤❤❤ Спасибо!

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

    Бомба 👍🏽🔥

  • @sardorbekkholdorov8232
    @sardorbekkholdorov8232 3 ปีที่แล้ว

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

  • @marketingoptima9992
    @marketingoptima9992 3 ปีที่แล้ว

    Супер! Долго искал имнно гайд в конце))

  • @vladfolk2418
    @vladfolk2418 3 ปีที่แล้ว

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

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

    Спасибо тебе, добрій человек:)
    Понятно и доходчиво, все бы так объясняли, да еще и таким приятным голосом

  • @khakimweb-1270
    @khakimweb-1270 4 ปีที่แล้ว +3

    Очень полезное и интересное видео. Рад, что нашел Ваш канал. Однозначно лайк и подписка

  • @АлександраЛисневская-п4ч
    @АлександраЛисневская-п4ч 3 ปีที่แล้ว

    Спасибо большое! Вы большой молодец!

  • @НиколайДьяков-ю2ю
    @НиколайДьяков-ю2ю 2 ปีที่แล้ว

    Thank you, this was very helpful information. I did it simple and awhile.

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

    Спасибо огромное за ваши уроки! Это так бесценно 🙏

  • @ОксанаКиселёва-ж8ы
    @ОксанаКиселёва-ж8ы 2 ปีที่แล้ว

    Спасибо, видео очень полезно)

  • @zoferi.v236
    @zoferi.v236 4 ปีที่แล้ว +2

    Пока что это самые лучшие уроки по фигме среди русскоязычных каналах.)

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

    спасибо огромное за крутой урок!

  • @lidiaborisova7216
    @lidiaborisova7216 4 ปีที่แล้ว

    Потрясающе! Огромное спасибо. Сложили все по полкам!

  • @liberty3170
    @liberty3170 4 ปีที่แล้ว

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

  • @kirill6281
    @kirill6281 3 ปีที่แล้ว

    Супер! Спасибо тебе, очень понятная и ценная информация! 👍👍👍

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

    Полезно. Спасибо.

  • @sergeymedkov8425
    @sergeymedkov8425 3 ปีที่แล้ว

    Самый полезный урок!

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

    спасибо за урок!

  • @pikarsetage
    @pikarsetage 3 ปีที่แล้ว

    Сказать годный контент-ничего не сказать
    Спасибо)

  • @Pop8Tart
    @Pop8Tart 4 ปีที่แล้ว

    очень круто, спасибо большое за видео!

  • @ogarchie4370
    @ogarchie4370 5 ปีที่แล้ว +2

    20:38 можно без читов, выделяете текст tap to delete или иконку жбана и от них кидаете направляющую к след. экрану

  • @met4ltech
    @met4ltech 4 ปีที่แล้ว

    Спасибо большое. Хороший урок.

  • @snezh_snezh
    @snezh_snezh 4 ปีที่แล้ว

    Спасибо! даже все мелкие подводные камни показали. очень полезно)

  • @fesfes1226
    @fesfes1226 3 ปีที่แล้ว

    Спасибо, тебе хороший человек!

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

    Повторил все виды анимаций с урока, также с первой части
    Очень увлекательно и ахуенно
    Открыл фигму с новой стороны:)

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

    Делал в десктопе несколько слайдеров. Все экраны должны быть копиями первого (а уже потом иметь одинаковые имена), тогда сработала smart animate.

  • @aslan_akhmedov
    @aslan_akhmedov 4 ปีที่แล้ว

    Супер! Очень много узнал и сразу применил в макете. Большое спасибо!
    Думаю ты знаешь, что недавно вышла обнова - скролл к выбранным объектам.
    Было бы супер полезно узнать от тебя подробности новой фичи.

  • @olagulakowa3227
    @olagulakowa3227 4 ปีที่แล้ว

    спасибо большое за материал,хорошо объясняете,очень приятно смотреть:)

  • @cristinaprevir9489
    @cristinaprevir9489 4 ปีที่แล้ว

    Спасибо! Очень доходчиво обьясняешь!

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

    Благодарю

  • @ЕленаКоптик-з8ш
    @ЕленаКоптик-з8ш 2 ปีที่แล้ว

    Спасибо! 🤗 Лайк и подписка)

  • @ЯнаМережко-у8щ
    @ЯнаМережко-у8щ 3 ปีที่แล้ว

    Класс! Спасибо большое

  • @sashashestakova2143
    @sashashestakova2143 4 ปีที่แล้ว

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

  • @Katherine-bs1su
    @Katherine-bs1su 4 ปีที่แล้ว

    я абсолютно влюблена в ваши уроки😍

  • @alyonaale
    @alyonaale 3 ปีที่แล้ว

    Класс, утащила в закладки

  • @innakolisnyk4522
    @innakolisnyk4522 4 ปีที่แล้ว

    Шикардос!

  • @lusymikaelyan877
    @lusymikaelyan877 4 ปีที่แล้ว

    Круттттттттоооо, спасибо большое пол часа и максимум знаний (Y)

  • @anna_anna496
    @anna_anna496 4 ปีที่แล้ว

    Спасибо огромное за видео!

  • @antontitov
    @antontitov 4 ปีที่แล้ว

    Просто божественный контент!

  • @0xarsen
    @0xarsen 3 ปีที่แล้ว

    У тебя очень классные видео

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

    афигеть.круто!

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

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

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

    Добрый день! Огромное спасибо за уроки!
    В предпоследнем уроке прямоугольник, который сократили по scale, и его элементы в значениях имеют дроби. Не будет ли это недостатком и как быть верстальщику?

  • @alexandraborshchevskaya7958
    @alexandraborshchevskaya7958 3 ปีที่แล้ว

    пушка! спасибо

  • @Drampam
    @Drampam 4 ปีที่แล้ว

    Восторг!

  • @DigitalismSchool
    @DigitalismSchool 4 ปีที่แล้ว

    Даже не знал, что в фигма так можно. Ахринеть

  • @alinashchebetun1000
    @alinashchebetun1000 4 ปีที่แล้ว

    Очень круто, спасибо :3

  • @iuliiastepanova7915
    @iuliiastepanova7915 4 ปีที่แล้ว

    спасибо очень круто)

  • @koguanany1
    @koguanany1 4 ปีที่แล้ว

    Спасибо!!!

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

    Макс, спасибооооооооооооооооо

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

    Огоромное спасибо! Благодоря тебе я скоро смогу сделать приложение о котром уже долго думал, но не мог начать, так как именно этих знаний не хватало. На бумажных макетах уже давно утонул.

  • @funnymataleao
    @funnymataleao 4 ปีที่แล้ว

    Блин, спасибо огромадное за совет, как сделать переход у карточек со скрытым слоем. Всю голову поломал, никак не мог нормально анимировать Onboarding Screens. Костыль конечно, но сейчас всё получилось!

  • @evgenyzaika6417
    @evgenyzaika6417 4 ปีที่แล้ว

    Класс!! Очень полезно

  • @rv4112
    @rv4112 4 ปีที่แล้ว

    Спасибо!

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

    как сохранить анимацию потом?

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

    Af***ij content! Spasibo shto podelilsa!

  • @elenamalakhina160
    @elenamalakhina160 5 ปีที่แล้ว

    Спасибо большое. Информативно и доходчиво всё объяснил. Ты случайно не около Сан Франциско работаешь? P.S. Была бы рада получить консультацию по поводу требуемых скилов при приеме на работу. С меня кофе и плюшки.

  • @НаталияКовылина-ь8н
    @НаталияКовылина-ь8н 5 ปีที่แล้ว

    Спасибо! Особенно за неочевидные мелочи.

  • @MonsterPump
    @MonsterPump 3 ปีที่แล้ว

    Спасибо за ваши уроки! Уже на неделю в них залип, очень доступно) Хотел спросить можно ли как-то экспортировать вместе с мокапом из экрана презентации? Обычный экспорт сохраняет только сам экран, а плагины не так хорошо прорисованы, как родные в экране презентации. Спасибо)

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

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

  • @oshkalo
    @oshkalo 5 ปีที่แล้ว

    Приятные видео, спасибо! Подскажите пожалуйста, в конце видео есть фрагмент с hover на кнопке. В примере, меняем по сути весь frame на такой-же, но с измененной кнопкой. Но как быть если есть, например интернет-магазин, где хочется, чтобы на всех страницах сайта, все кнопки были hoover-абельные? Т.е. чтобы в Present было всё 1 в 1, как хочется чтобы сделал frontend-щик. Такое возможно? Заранее благодарен )

  • @blueplastic2002
    @blueplastic2002 4 ปีที่แล้ว

    Я в UX/UI дизайне чуть ли не полный 0.
    Хотел бы узнать как эту все тему с анимациями перенести например за Зиро блок или еще куда.
    Хочу сделать портфолио с использование смарт анимейта, но размещать его ссылкой на презентацию фигмы не вариант.
    Вобщем вопрос таков: куда весь этот анимационный прототайпинг пихать?

  • @sanbait
    @sanbait 4 ปีที่แล้ว

    может исправили уже но слайдеры из 16 минуты легко делаются нынче на изи без анимаций итд вроде.
    А вот как сделать что бы на 1 экране можно было выбрать несколько кнопок из списка ( больше 2) никто не в курсах (

  • @ogarchie4370
    @ogarchie4370 5 ปีที่แล้ว

    спс за файл

  • @GKlimovDesign
    @GKlimovDesign 4 ปีที่แล้ว

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

  • @just_funk8923
    @just_funk8923 5 ปีที่แล้ว

    Круто!

  • @adamkolins7283
    @adamkolins7283 5 ปีที่แล้ว

    Ты лучший

  • @AlekseyVasko
    @AlekseyVasko 4 ปีที่แล้ว

    Спасибо за урок)
    Как ты поверул иконку по оси Z?

  • @ВиталийГайдашов-о2м
    @ВиталийГайдашов-о2м 2 ปีที่แล้ว

    Здравствуйте, у меня затык. При проигрывании смарт анимации появились диагональные линии. В панели слоев их нет, а при появлении новой кнопки появились. В background можно поменять цвет. Подскажите что не так? Заранее спасибо

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

    в вашем файле с примерами ничего нет. где посмотреть можно??

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว

      Убедитесь что вы смотрите страницу Examples, там всё есть - www.figma.com/file/xPUCIIfwHSNYWZ8LpZD6Y9/Prototyping-and-Animation-Public?node-id=13%3A1208

    • @jackdoe1312
      @jackdoe1312 4 ปีที่แล้ว

      Слева вверху вкладки страниц. Заходим, выделяем нужное и экспортируем файл как fig.

  • @TALGAlll
    @TALGAlll 3 ปีที่แล้ว

    Фигма оказывается не Фигня а оФигенна!

  • @valeriiia_because
    @valeriiia_because 4 ปีที่แล้ว

    Здравствуйте, а как вы сделали так, что иконка повернулась вокруг своей оси?

  • @alinaarakelian3763
    @alinaarakelian3763 4 ปีที่แล้ว

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

    • @disarto.digital
      @disarto.digital  4 ปีที่แล้ว +2

      Продумать все взаимодействия - это задача дизайнера. Задача верстальщика воплотить это наиболее оптимальным образом.

    • @alinaarakelian3763
      @alinaarakelian3763 4 ปีที่แล้ว

      @@disarto.digital поняла, спасибо

  • @amelianceskymusic
    @amelianceskymusic 5 ปีที่แล้ว +2

    В каких группах Телеграм ты есть?

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว +1

      Да в общем-то ни в каких. В телеграме я только иногда только читаю определенные каналы.

    • @xaxa2shki
      @xaxa2shki 5 ปีที่แล้ว

      @@disarto.digital А как можно сделать анимацию при скроле мышкой вниз, допустим скролит вниз и при появлении элементов в части видимости они допустим скейлятся немножко(фото)

    • @disarto.digital
      @disarto.digital  5 ปีที่แล้ว

      @@xaxa2shki стандартными средствами и без костылей, увы, пока что никак)

    • @xaxa2shki
      @xaxa2shki 5 ปีที่แล้ว

      @@disarto.digital мне интересно как раз с костылями

  • @ДВАГЛАЗА-ь4п
    @ДВАГЛАЗА-ь4п 3 ปีที่แล้ว

    Скажите пожалуйста а работает ли данная анимация для десктоп прототипирования без выбора скина устройства (хочу анимировать скрол бокового меню) причём я сделал фрейм в котором хочу анимировать скрол

    • @disarto.digital
      @disarto.digital  3 ปีที่แล้ว +1

      Конечно, для этого просто выберите в поле "Device" пункт "None" (вкладка Prototype). Чтоб увидеть эту опцию, нужно кликнуть на пустое пространство рабочей области. Т.е. не должен быть выбран ни один из объектов.