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

[@nadissmichshuk9231]

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

[@web-design.academy]

Рады помочь ✌️💛

[@КонстантинАлексеев-к3ц]

Очень полезно, спасибо! Мне понравилось! Обожаю визуальные эффекты!

[@web-design.academy]

Круто) Залетайте к нам на сайт, у нас там также выходят разные туториалы web-design.academy/

[@svetlanapozuban2494]

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

[@web-design.academy]

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

[@Alekseev_Oleg]

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

[@web-design.academy]

Спасибо! 🤓

[@veronikarubilina363]

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

[@web-design.academy]

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

[@popolavas]

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

[@web-design.academy]

Спасибо ✌️🤓

[@username-not-true]

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

[@web-design.academy]

Дякуємо тобі 🤓💛

[@MrPurchel]

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

[@web-design.academy]

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

[@MrPurchel]

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

[@АннаШешина-п5м]

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

[@web-design.academy]

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

[@svetlanapozuban2494]

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

[@web-design.academy]

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

[@_solia_3626]

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

[@rainbow6wag]

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

[@web-design.academy]

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

[@_solia_3626]

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

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

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

[@web-design.academy]

Ctrl/Cmd+C 🤓

[@ryotashido9768]

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

[@web-design.academy]

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

[@Пробуждение-ь6ш]

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

[@web-design.academy]

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

[@byrfls]

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

[@web-design.academy]

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

[@playeet]

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

[@web-design.academy]

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