Как сделать кнопку Фигме? Правила создания кнопки. Уроки Figma для начинающих.
В этом видео посмотрим на 4 простейших варианта создания кнопки в Фигме! Пройдем правила создания красивой кнопки. Сделаем кнопку с помощью Auto Layout. Далее сделаем варианты кнопок с ховерам и добавим анимации Smart Animate через интерактивные компоненты.
👉 Бесплатный доступ к исходнику: https://www.buymeacoffee.com/chyrkov/e/103591
🔗 Мои ссылки:
Мой канал в телеге: https://t.me/chyrkovfm
Мой авторский курс «Figma с нуля»: 👉 https://designsweets.co/courses/figma-course
Студия: https://chyrkov.studio
Behance: https://www.behance.net/chyrkov
Twitter: https://twitter.com/sergeichyrkov
Портфолио по фото: https://sergeichyrkov.com
🎶 https://www.epidemicsound.com/referral/am81qn/ — лучший сервис по подбору музыки
📝 Содержание:
0:00 — интро
0:38 — правила создания кнопку
3:43 — способ №1
5:32 — способ №2
6:29 — способ №3 (AutoLayout)
8:22 — создаем ховеры
14:06 — создаем интерактивные компоненты
16:23 — смотрим результат
16:55 — еще +1 вариант анимации ховера кнопки (Smart animate)
17:56 — смотрим результат
18:12 — концовка
_____________
#Figma #FigmaTutorial #UXDesign #Webdesign
Тэги:
#Figma #уроки_по_фигме #фигма_для_начинающих #prototype #ui/ux #design #дизайн #фигма #веб-дизайн #дизайн_кнопки #создание_прототипа #chyrkov #Sergei_Chyrkov #смарт_анимейт #уроки_по_веб-дизайну #курс_по_фигме #бесплатно #Figma_tutorial #дизайн_курсы #видео-уроки #видео-уроки_по_фигме_на_русском #Сергей_Чирков #основы_работы_в_Figma #курсы_по_веб-дизайну #анимация_в_фигмеКомментарии:
Очень полезное видео! Спасибо вам!
Ответить
как копировать? у меня не получается, тоесть, я вытаскиваю копию из компонентов, и затем вставляю в нужное место, проверяю, а она не реагирует
Ответить
Спасибо ОГРОМНОЕ! Все четко ,без воды!
Ответить
А как сохранить готовую анимацию для заказчика?
Ответить
так, спасибо огромное) кнопку я создал) расставил по фрейму, куда надо, все работает - шевелится куда надо. а теперь вопрос: как мне ее правильно впихнуть в zeroblock на тильде? там написано довольно коротко "загрузите блок"...
Ответить
Я НЕ ПОНИМАЮ КАК ВЫ ЕЕ ПЕРЕНОСИТЕ, Я ПЕРЕНОШУ, И АНИМАЦИЯ ЛОМАЕТСЯ, КАК?????????
Ответить
А как её скачать?
Ответить
Интересно, а кнопка "показать ещё" так же делать? Было бы интересно ,если бы Вы рассказали, как использовать её в совокупности со страницами, когда при нажатии данной кнопки появляется снизу ещё меню
Ответить
Дякую! Це єдине відео з усіх, що передивився де нормально пояснено як робити анімацію кнопки!
Ответить
Автор конечно молодец. Но он не объясняет как он копирует кнопки, как оно их вынимает . Может я конечно настолько тупой, но почему бы на это лишнюю минуту не потратить
Ответить
Очень полезно.
Ответить
спасибо за видео!
Ответить
Отличное видео! Очень полезно, говорите спокойно, все действия называете, а не клацаете так что не понятно что вообще происходит 😂
Спасибо большое! Сделала красивые кнопки 😋
Как вы кнопки перенесли на другой фрейм? Скопировали или что
Ответить
Все хорошо, только у меня не получается перенести кнопку из сета как на видео. У меня он уносит одну кнопку, а вторая остается в предыдущем фрейме🥺 И соответственно анимация не работает.
ОтветитьОчень полезное видео!
Ответить
Здравствуйте. Делала всё как показано в видео. Но на просмотре работает только 1 кнопка (первая), а остальные нет. Я даже переделывала, но ничего не изменилось. В чём может быть проблема?
Ответить
Спасибо ) только я так понимаю в бесплатной версии фигма анимации нет (
Ответить
Конечно полезное видео! Спасибо! Пошёл смотреть ,что ещё у вас есть)
Ответить
Здравствуйте, а как теперь эту кнопку встреть на все страницы сайта?
Ответить
Доступно и понятно, пасиб)
Ответить
Сергей, вы чудесный, спасибо!
Ответить
Супер, спасибо!
Ответить
Случайно наткнулась на канал, как тут не десятки тысяч просмотров. Настолько полезная информация, особенно для новичков. Я здесь информации нашла больше, чем у блогеров миллиоников. Не останавливайтесь!
Ответить
а как сделать чтобы кнопка активировала сыллку при нажатии?
Ответить
Огонь!
Ответить
Очень здорово, спасибо)
Ответить
Отличное видео! Голос убаюкивающий, приятный))
Ответить
Спасибо! Отличное видео. Только пожелание четче экран сделать.
Ответить
