Prototyping and animation in Figma

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024

Комментарии • 135

  • @andybud3885
    @andybud3885 3 года назад +41

    На платном курсе по ux сейчас учусь, там ментор объясняет в три раза хуже тебя! Ты очень крутой! Круче чем все эти инфобарыги и выскочки, которые толком ничего не зная и не умея, сразу начинают менторить. Я в этих менторствах вообще разочаровалась, решила больше никакие курсы не брать. А ты буквально спасаешь мою веру в людей и в то, что существуют еще люди, которые способны действительно помогать новичкам. Тебе не плевать на людей, ты хочешь чтобы люди действительно поняли и научились.
    Ты реально делаешь большой вклад в развитие дизайн комьюнити в нашей стране и по всему СНГ. Спасибо тебе за твой канал и за твою подачу! Один из лучших в ру сегменте.

    • @disarto.digital
      @disarto.digital  3 года назад +5

      Спасибо за этот отзыв. Очень мотивирует ❤️

  • @just_funk8923
    @just_funk8923 4 года назад +32

    Более простой и доступной подачи инфы по работе с инструментами не встречал, даже на всяких распиаренных курсах. Молодчик, для новичков должно быть огонь.

  • @david_webdesigner
    @david_webdesigner 4 года назад +70

    UI выходит на новый уровень!) не хватало мне смарт анимации !!! Спасибо больше за ролик, объяснил так что даже человек который впервые на фигму заходит поймет!)

  • @yuriy_om
    @yuriy_om 3 года назад +6

    Огромное спасибо! Посмотрел 10 видосов, чтобы понять как сделать выпадающий список, и только в вашем видео это реально сработало, причём делается все оказывается довольно легко)

  • @MrAndy811
    @MrAndy811 4 года назад +4

    Только вчера искал хоть что то про анимацию в обновлённом интерфейсе Figma на русском - а тут такой подгон. Спасибо!!!

  • @YuliiaKovalevska
    @YuliiaKovalevska 2 года назад +4

    Поддерживаю предыдущих коментаторов! Спасибо за видео, у тебя действительно талант объяснять сложные вещи. Меня очень вдохновляет твой пример и оптимизм)

  • @dariakruto
    @dariakruto 2 года назад +2

    Как же круто ты все рассказал) Я за полчаса видео узнала больше чем за неделю на курсах)

    • @disarto.digital
      @disarto.digital  2 года назад +1

      Круто! Рад это слышать 🙂

  • @mashamykhailovskaya2037
    @mashamykhailovskaya2037 2 года назад +1

    Спасибо за труд! Очень доступным и понятным языком, без выпендрежа разложил по полочкам. Респект таким пацанам!

  • @ALEKSEIENKO
    @ALEKSEIENKO 4 года назад +3

    ААААААААААААААгонь! Супер) Я сегодня первый раз скачал фигму и начал искать уроки) Наткнулся на твой посмотрел . Все максимально понятно и четко ! Делай больше не бросай эту тему!

  • @user-qk9wk8xx4h
    @user-qk9wk8xx4h 3 года назад +2

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

  • @user-galimov
    @user-galimov 4 года назад +15

    Классные видео, молодец🔥
    Давай больше по Фигме))

  • @natalishemshina1448
    @natalishemshina1448 2 года назад

    Disarto, случайно попала на это видео. Очень круто. Сразу подписалась и лайкнула. Хочу вторую часть и полезности от такого автора, как ты. Спасибо.

  • @user-us8bh8ey6h
    @user-us8bh8ey6h 4 года назад +2

    Всё чётко и понятно сказано, спасибо за труд

  • @marytv2579
    @marytv2579 4 года назад +1

    Сохраню себе в заметки Ваши видео-ролики, спасибо!

  • @zelenoglazaja
    @zelenoglazaja 4 года назад +6

    почему так мало подписчиков? непорядок! Контент супер, спасибо

  • @Valeriamarus
    @Valeriamarus 3 года назад

    C огромным удовольствием смотрю уже второе ваше видео. Спасибо)

  • @user-eg1zi5jc2m
    @user-eg1zi5jc2m 3 года назад +1

    спасибо за подробное объяснение! плюсов к карме и подписчиков!) подписка однозначно)

  • @user-qf6rh4gv7v
    @user-qf6rh4gv7v 2 года назад

    Попробовала сделать горизонтальный скроллинг, настроила все ок, спасибо за видео! )

  • @kuatbodikov5678
    @kuatbodikov5678 3 года назад

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

  • @annapit742
    @annapit742 3 года назад +2

    Спасибо, очень хорошее видео. Доступно, понятно, хороший звук и голос приятный)))

  • @dmitryvladi
    @dmitryvladi 2 года назад

    Ясно и понятно! Отлично объясняешь. Ещё бы лицо твоё в углу для восприятия))

  • @yoga_zhivivlegkosti
    @yoga_zhivivlegkosti 3 года назад

    Я как раз одна из тех, кто впервые в фигме )) Супер видео, все понятно, очень много полезного!

  • @user-bg5yn6bu5q
    @user-bg5yn6bu5q 4 года назад +2

    Спасибо за урок. Все понятно и по полочкам)

  • @alsoualsou9
    @alsoualsou9 3 года назад +2

    просто обожаю твои уроки!!!!! спасибо!!!

  • @tulnikov
    @tulnikov 3 года назад +1

    Отличное видео! Многое для себя прояснил! Спасибо!

  • @vashamater
    @vashamater 3 года назад +1

    Отличный контент! Спасибо тебе добрый человек)

  • @MGAnimationstuts
    @MGAnimationstuts 2 года назад

    Большое спасибо за такое развернутое и информативное видео!

  • @Maresto1000
    @Maresto1000 4 года назад +1

    Здорово! Интересно, понятно и по сути. Большое спасибо!

  • @tianakosheleva6433
    @tianakosheleva6433 4 года назад +1

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

  • @bon2bon41
    @bon2bon41 4 года назад +1

    супер, вы очень круто даете материал!

  • @user-ch4gq3mo2c
    @user-ch4gq3mo2c Год назад

    Красава, разложил по полочкам, вот что значт спец

  • @grgol6084
    @grgol6084 3 года назад +5

    спасибо за годное видео! Пишу комментарий для продвижения канала

  • @annamueller_pro
    @annamueller_pro 2 года назад

    Огромное спасибо! Очень полезные видео. Вы огромный молодец

  • @smolindesign
    @smolindesign 3 года назад +1

    Вау, как доходчиво! Спасибо огромное.

  • @designer_lisa
    @designer_lisa 3 года назад +1

    это то, что мне нужно, спасибо большое)))

  • @TheKapanskiy
    @TheKapanskiy Год назад

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

  • @SvetlanaAnatolivna
    @SvetlanaAnatolivna 10 месяцев назад

    Огромное, огромное спасибо!

  • @sergeymedkov8425
    @sergeymedkov8425 3 года назад

    Продолжай в том же духе!
    Очень полезно, появилось в рекомендациях и сразу же посмотрел.
    Сразу подпишусь так как делаешь качественно

  • @user-wi2pw1xk8i
    @user-wi2pw1xk8i 4 года назад +1

    Спасибо за контент все понятно и просто!!

  • @frumosuxenia2811
    @frumosuxenia2811 4 года назад +1

    Спасибо большое!Мне все очень понятно стало.

  • @twiggyart587
    @twiggyart587 4 года назад +1

    Спасибо, не знал что так можно. подписка и лайк!

  • @Your_panama
    @Your_panama 3 года назад +1

    Спасибо тебе, ролик топ но печально что мало подписчиков

  • @user-vg1jw2we9o
    @user-vg1jw2we9o 3 года назад +1

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

  • @user-cp3ue3ym2c
    @user-cp3ue3ym2c 2 года назад

    спасибо, интересно и понятно, на платных курсах так не рассказывают

  • @lk6618
    @lk6618 2 года назад

    было бы еще неплохо рассмотреть как при нажатии на один из тригеров открывались несколько оверлеев

  • @alexanderchesnokov916
    @alexanderchesnokov916 4 года назад +1

    Спасибо за труд!

  • @user-gj9uj5sm7c
    @user-gj9uj5sm7c Год назад

    Большое спасибо!!!

  • @user-zr8fp6ud2z
    @user-zr8fp6ud2z 4 года назад +1

    Спасибо большое 👍 дорогой

  • @aidynbelassarov2149
    @aidynbelassarov2149 3 года назад +1

    Чётко! От души 😅

  • @tmtn3335
    @tmtn3335 4 года назад +1

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

  • @user-re5gy7mr1b
    @user-re5gy7mr1b 3 года назад

    Спасибо большое! Очень доступно

  • @leshaalexeeva
    @leshaalexeeva 3 года назад

    Спасибо, очень просто и понятно!

  • @user-wx9dg7im3u
    @user-wx9dg7im3u 4 года назад +1

    Спасибо! Хороший урок

  • @leonid_anat
    @leonid_anat 2 года назад

    Спасибоооооооооо, гений))))))

  • @nikeponomarev9403
    @nikeponomarev9403 4 года назад +2

    спасибо ,всё чётко

  • @dimalepel
    @dimalepel 3 года назад +1

    Подписался. Очень полезно.

  • @user-pf5pc3yh5j
    @user-pf5pc3yh5j 3 года назад +1

    плюсище

  • @aanastaishaa
    @aanastaishaa Год назад

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

  • @flesh3041
    @flesh3041 Год назад

    Как ты сделал разноцветный круг (20:20), сам круг я то сделал, но как его поделить по цветам, я не знаю, подскажи пожалуйста

  • @anrYReds
    @anrYReds 2 года назад

    по горизонтальному перемещению - делаю все так же - не получается вообще. И откуда у вас в левой панели над фреймами взялись надписи: scrolls / fixed. У меня они не появляются

  • @alexbagirov2583
    @alexbagirov2583 4 года назад +1

    Спасибо! Очень инетеренсо. Только я не понял как Overlay самому сделать. Надеюсь в других уроках найду!

  • @alexp6210
    @alexp6210 2 года назад

    спасибо за труд

  • @xxxacxatxxx
    @xxxacxatxxx 4 года назад +1

    Спасибо за видео) Как раз разбирался сидел с прототипом, вот только одного не пойму сделал скролинг как в примере, но почему-то он не скролиться, а таскает фреймы, т.е. пока удерживаешь можно посмотреть, отпустил они обратно возвращаются на исходную Т___Т

  • @togzhanfunstory
    @togzhanfunstory 2 года назад

    Спасибо

  • @tatyanaemelyanova9953
    @tatyanaemelyanova9953 3 года назад

    Супер! Спасибо!

  • @tylerflowamaizing5362
    @tylerflowamaizing5362 4 года назад +1

    Хороший канал

  • @Fedorov1975
    @Fedorov1975 3 года назад

    Спасибо за подробный обзор! Можно ли сделать так, чтобы при клике на кнопку циклически менялись экраны в фрейме. Пытаюсь запрототипировать дизайн меню в электронном оборудовании с использованием Figma. Т.е. первй раз нажали - первый фрейм, второй раз - второй, третий раз - третий и затем снова первый. Понятно, что можно было бы между фреймами поставить delay, но это не совсем то, что нужно.

  • @olehborys1462
    @olehborys1462 3 года назад

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

  • @hitpau
    @hitpau 4 года назад +2

    Спасибо!

  • @fessan8918
    @fessan8918 4 года назад +1

    спасибо!

  • @helen1469
    @helen1469 3 года назад

    Спасибо, все очень здорово!:) Единственное, а как сделать так чтобы нижнее меню не перекрывало контент? То есть чтобы скроллило до конца, а не закрывало последнюю строчку:( У вас в видео кстати тоже этот момент есть

  • @Elizaveta_nitsenko
    @Elizaveta_nitsenko 4 года назад

    Отличное видео. Спасибо. Только у меня вопрос, мокап теперь нельзя сделать, как в видео или я просто что-то делаю не так? У меня нет такой кнопки(

  • @user-ds9il5of2u
    @user-ds9il5of2u 2 года назад

    Помогите пожалуйста. Почему то моя анимация прикрепляется не к объекту в другом фрейме, а к самому фрейму. Как это исправить?

  • @romanterechko8553
    @romanterechko8553 4 года назад +1

    молодец

  • @user-sj5pe7rs7c
    @user-sj5pe7rs7c 4 года назад

    здравствуйте! подскажите пожалуйста что нужно сделать, чтобы при скроллинге вертикальном фон (картирнка) оставался на месте.

  • @mr.dabilin8803
    @mr.dabilin8803 4 года назад

    Привет.
    Слушай, помоги пожалуйста с анимацией в Figma.
    Есть страница сайта, по середине горизонтальная лента из картинок. Справа и лева от ленты есть стрелочки. По нажатию на стрелку справа, лента сдвинется на одну картинку влево. Нажму два раза на стрелку, сдвинется на две картинки. И также с другой стрелкой. Если я дохожу до конца ленты, она либо продолжает листаться, только с первой картинки, либо быстро возвращается на первую картинку.

  • @rv4112
    @rv4112 4 года назад

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

  • @loprenot
    @loprenot 3 года назад

    на 16:43 это не лишний фрейм т.к после удаления фрейма у тебя теперь границы пропали у боковых экранчиков по бокам

  • @rainbowkiller1990
    @rainbowkiller1990 4 года назад

    В новой версии Figma , как я понял, в Interaction способ On tap заменили на While Howering

    • @alexeysmotin
      @alexeysmotin 3 года назад

      Нет.
      Hovering - это наведение. Речь об этом идет тогда когда макет у вас для ПК, т.е. когда присутствует курсор. On Tap - нажатие. Речь идет о нажатии пальца, т.е. о макетах на смартфонах. Если вы заметите, то пункта "наведение" нет на телефонах, и наоборот "нажатия" нет на ПК макетах

  • @mslv_m
    @mslv_m 3 года назад

    Как сделать так, чтобы при скролле страницы у хедера появлялась подложка?

  • @tapok1991
    @tapok1991 3 года назад +1

    Класссссс

  • @user-wr7ec5wq2n
    @user-wr7ec5wq2n 4 года назад

    А можно из одного фрейма сделать две стрелочки? Мне надо чтобы направо и налево отходил фрейм.

  • @user-tu1my2ef4b
    @user-tu1my2ef4b 4 года назад

    К сожалению фразы "у нас есть уже ..." мне в некоторых местах ничего не объяснили. :(
    Или уж все бы объяснять или указать видео, в котором то, что "у нас уже есть" появляется.
    А так интересно и вот теперь придется все неясности где-то еще прояснять ...

  • @Samed21
    @Samed21 4 года назад

    Привет, я сделал анимацию на своем ландинг но вот не знаю как поделиться)))
    Есть варианты только как фото)))

  • @naval2635
    @naval2635 4 года назад

    Привет, подскажи, пожалуйста, почему не отображается кнопка «зафиксировать позицию при скролинге»

  • @liteleak4049
    @liteleak4049 4 года назад +1

    Спасиб

  • @SemonBoon-w6y
    @SemonBoon-w6y Месяц назад

    Вы платные курсы предлагаете?

  • @user-cp6wy4gh5x
    @user-cp6wy4gh5x 4 года назад

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

    • @disarto.digital
      @disarto.digital  4 года назад +2

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

    • @user-cp6wy4gh5x
      @user-cp6wy4gh5x 4 года назад

      @@disarto.digital Спасибо

  • @diana_thehuman
    @diana_thehuman 3 года назад

    Спасибо, полезное видео. Но нигде не могу найти как сделать так, чтобы лайк окрашивался красный при нажатии? Неужели для каждого лайка нужно создавать отдельный экран, чтобы это работало? Может кто знает?🙏

  • @explosiveme2673
    @explosiveme2673 2 года назад

    Как экспортировать прототипирование чтобы работало как в браузере?

    • @disarto.digital
      @disarto.digital  2 года назад +1

      Во время просмотра прототипа есть кнопка Share Prototype в правом верхнем углу. Нажимаете там Copy Link и вставляете полученную ссылку в адресную строку браузера.

    • @explosiveme2673
      @explosiveme2673 2 года назад

      @@disarto.digital спасибо

  • @meerimpopova1950
    @meerimpopova1950 3 года назад

    здравствуйте) а в чем разница между swap with и open overlay?

    • @disarto.digital
      @disarto.digital  3 года назад

      Swap with заменяет экран целиком, а open overlay открывает фрейм поверх текущего.

  • @NONAME-hq3qo
    @NONAME-hq3qo 3 года назад

    Почему на 14:40 у тебя есть функция Overflow а у меня нет?

  • @user-fv3md7vi3x
    @user-fv3md7vi3x 4 года назад

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

  • @GeknForever
    @GeknForever 4 года назад

    Внутри фрейма от фрейма к фрейму переходы сделать невозможно?

  • @mirwayss
    @mirwayss 3 года назад

    Если кто тут от Рустама Профит скулл то я с Вами друзья!) Привет

  • @user-ri8qm1bb9p
    @user-ri8qm1bb9p 4 года назад

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

    • @disarto.digital
      @disarto.digital  4 года назад +1

      К можалению, в Фигме сейчас нету возможности сохранения анимации :( Можно сделать это только через программы для записи с экрана.

    • @user-ri8qm1bb9p
      @user-ri8qm1bb9p 4 года назад

      @@disarto.digital Спасибо за ответ.

    • @MelShu19
      @MelShu19 3 года назад

      @@disarto.digital посоветуйте программу для записи экрана.Спасибо)

  • @kseniyaalive3772
    @kseniyaalive3772 3 года назад

    А как убрать курсор при записи анимации?

  • @user-zn8uv2kl2g
    @user-zn8uv2kl2g 2 года назад

    Не получается со скроллингом. Уже тысячу раз сделала! ((((((((((((((((((((

  • @delawer1033
    @delawer1033 3 года назад

    Как-то можно экспортировать анимацию?

  • @user-ct3tk7ut1b
    @user-ct3tk7ut1b 4 года назад

    Не могу понять как сделать скрилинг в прототип!?