Как анимировать кнопки в фигме? 5 интересных анимаций кнопок для твоих проектов

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

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

  • @nadissmichshuk9231
    @nadissmichshuk9231 10 месяцев назад +1

    Лучшие просто. Ваш канал меня спас! Нужно было сделать на пару "анимированную веб-страницу", ничего не клеялось, вечно что-то не так было. А вот с вами просто прекрасно. Спасибо!

  • @svetlanapozuban2494
    @svetlanapozuban2494 4 месяца назад

    Самое лучшее объяснение! Наконец-то анимация заработала, как надо!

    • @web-design.academy
      @web-design.academy  4 месяца назад

      Рады, что у вас получилось 💛

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

    отличный туториал, особенно последняя кнопка!

    • @web-design.academy
      @web-design.academy  10 месяцев назад

      Большое спасибо ✌️
      Рады быть полезными 💛

  • @Alekseev_Oleg
    @Alekseev_Oleg Год назад +1

    Отличная работа! 👍Всегда пригодится! 😊

  • @username-not-true
    @username-not-true Год назад +1

    Дякую! Дуже люблю ваші відео!

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

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

  • @MrPurchel
    @MrPurchel 11 месяцев назад

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

    • @web-design.academy
      @web-design.academy  11 месяцев назад +1

      Действительно странно, возможно это какой-то баг самой Figma. Попробуйте сделать новый Component set и заменить кнопку, может поможет ✌️🤓

    • @MrPurchel
      @MrPurchel 11 месяцев назад

      @@web-design.academy спасибо за ответ) делал конечно, тоже самое... радует что проект личный

  • @ЕлизаветаЛобанова-я4л

    Классно, каким образом копировать компонент?

  • @АннаШешина-п5м
    @АннаШешина-п5м Год назад

    можно ли перенести анимацию этих кнопок на тильду из фигмы?

    • @web-design.academy
      @web-design.academy  Год назад

      Вероятнее всего 🤗
      В крайнем случае можно собрать кнопки непосредственно в самой тильде или воспользоваться кодом.

    • @svetlanapozuban2494
      @svetlanapozuban2494 4 месяца назад

      @@web-design.academy а как воспользоваться кодом, если ты только дизайнер и не умеешь кодить?)))

    • @web-design.academy
      @web-design.academy  4 месяца назад

      @@svetlanapozuban2494 Ну для тильды есть уже готовые инъекции кода, которые можно найти на просторах интернета. А на самом деле стоит подучить немного основы верстки, тогда будет гораздо легче работать с nocode инструментами ✌

  • @_solia_3626
    @_solia_3626 4 месяца назад

    Мне нужно чтобы кнопка ни к чему не приводила а просто меняла свой вид при нажатии что делать?((

    • @rainbow6wag
      @rainbow6wag 4 месяца назад

      просто вместо while hovering выбери on click и онабудет менять вид не при наведении а по нажатию

    • @web-design.academy
      @web-design.academy  4 месяца назад

      @@rainbow6wag Всё верно)

    • @_solia_3626
      @_solia_3626 4 месяца назад +1

      @@rainbow6wag неее, я просто не подвязывала кнопку к другому фрейму и все получилось, нужно было чтоб в окошке галочка появлялась по нажатию. Я чуть о другом говорила в итоге с горем пополам разобралась) Спасибо вам за небезразличие 😌

  • @Пробуждение-ь6ш
    @Пробуждение-ь6ш 3 месяца назад

    где смарт анимэйт?

    • @web-design.academy
      @web-design.academy  3 месяца назад

      В меню prototype, как сделаете привязку у вас будет выбор, какой вид анимации использовать ✌

  • @ryotashido9768
    @ryotashido9768 19 дней назад

    Капец, хотябы чутка объясняли что именно нажимаете, а то потом шрифт алт джи, копируем анимируем бла бла бла, нигде не объясняете в каком фрейме делаете или как важно то где находится тот или иное расположение блоков, пытались создать 2-3 кнопки по 3 раза, нифига, как вы к примеру перетягиваете компонент анимированный в фрейм ? Просто капируете ? Нифига не выходить

    • @web-design.academy
      @web-design.academy  19 дней назад

      Сожалеем, что у вас возникли трудности с анимамцией, возможно вы только начинаете и это нормально ✌️
      Можете глняуть побробные туториалы по анимации в текстовом формате на сайтее Пижамной Академии
      web-design.academy/knowledge/lessons/figma/
      Или распишите подробнее. что именно у вас не получилось, мы будем рады помочь 💛

  • @ВладиславСеменихин-я6с

    Ничего не работает.

    • @web-design.academy
      @web-design.academy  4 месяца назад

      Это печально, а что именно не получается?

  • @playeet
    @playeet 9 месяцев назад

    Белая тема просто ужас,ничего не видно

    • @web-design.academy
      @web-design.academy  9 месяцев назад

      Это на любителя и больше про комфорт 🤓
      Если вам больше нравится или более удобнее работать в тёмной теме, то конечно лучше использовать тёмную тему✌