⭐️ АНИМАЦИЯ КНОПКИ при наведении в фигме | Интерактивные компоненты
Вставка
- Опубліковано 1 жов 2024
- Канал telegram t.me/shain_design
Ховер анимация кнопки в figma с помощью вариантов и smart animate без лишних фреймов.
Заказать дизайн:
taplink.cc/shain_di
web.shain@gmail.com
Портфолио:
be.net/d_shain
dribbble.com/DShain
shain.design
Как быстро и круто
Спасибо большое что видос не на 30 минут
Можно в следущий раз чуточку по детальнее и помедленнее, когда ты не знаешь как это сделать, а ты быстро всё нажимаешь не обьясняя что ты сделал, сложно понять
Для этого существуют полноценные гайды
Тяп-ляп и готово
великолепно, коротко и ясно, спасибо огромное
You are welcome 🙂
Обьясните пожалуйста как вы стрелочками смещайте картинку? если просто стрелкой то у меня картинка едет со скоростью черепахи. Буду благодарна за ответ)
Зажмите шифт и зажмите стрелку. Шифт доьавляет шаг 10px (можно настроить сколько нужно)
@@UXShain Спасибо большое!!!
Пиши в комментариях, если хочешь больше таких видео 🤩
Кратко и по делу! Огромное спасибо!!!!!!!!
Не работает метод, после перемещения стрелочки нет Change to
Доступно только бета тестерам
@@UXShain ясно:)
@@UXShain да елки иголки. а я разбежалась)
Фигма зарелизила интерактивные компоненты
На 12 мая 21г доступно только в бета тесте, работать будет не у всех
спасибо большое!!!
Музыка топ, но будто сейчас будет очень неожиданная развяка сюжета )))
А если я перенесу в tilda, то будет анимация?
Почему-то, когда перемещаешь шейб он остаётся виден
На фрейме кнопки нужно поставить галочку clip content в панели справа наверное
Топ на заднем плане песня из майнкрафт
спасибо огромное, это то, что мне было нужно!
Пожалуйста 🙂
еще больше видео с обьяснениями
Я целых 3 часа ломал голову а потом зашел в комменты
А что в комментах? Фичу уже зарелизили
А мне вообще непонятно(
Цікаво, а як зробити подібну анімацію, якщо кнопку робити автолоялтом? На відео лише звичайним фреймом, але потрібно кнопку робити автолоялтом.... Хто знає підкажіть?
анімація справді класна
Так, звичайно можна з auto layout. Для обʼєкта який буде рухатись в AL треба приставити абсолютне позиціювання в настройках constraints
почему делаете на прямоугольнике и без auto layout, он же уже появился в фигме в тот момент 🙄
Есть несколько причин:
1. Имею опыт преподавания на различных курсах, а так же давно веду тг и ютуб каналы и осознаю что контент направлен на новичков которые еще не понимают в автолейаутах (с обычными фреймами тоже самое) и пришлось бы в данном видео затрагивать тему автолейатуов и увеличивать тайминг.
2. Это усложнение снова таки для начинающих, если проанализировать комментарии, то можно увидеть что такие не сложные действия становятся сложными для тех кто начал
3. Данный файл никак больше не используется и удобство автолейаутов тут просто не нужно
Не могу понять, когда делаю прототип не могу прикрепить стрелку к варфрейму, почему то только к прямоугольник!
Не очень понял, на каком этапе проблема
@@UXShain на этапе прототипирования
Попробуй передвинуть второй фрейм подальше и стрелку аккуратно к границе фрейма подводи
да, точно, у меня та же фигня, и даже в дропдауне не выбирается название второго состояния (фрейма). Уже минут 20 пытаюсь понять в чём причина(
@@UXShain можешь расшарить файл? Может так получится понять в чём косяк
Как сделать так же на с 6 штук как их
Сделать ?
спасибо!!! мучилась весь вечер с анимацией, нашла этот короткий урок и все получилось!
🙂🙂
Полезно, спасибо
Пожалуйста
SPASUBO !
Cидел мудился,голову ломал, что не так делаю, потом зашел коменты почитать....
Нота названии и описании указано что это бета тест:₽
огромное спасибо🤗
На 27.08.21 чот не получается реализовать, не на бете.
У меня работает на бетке
мжешь громче говорить?
можно по подробнее с самого начала?
Чтооооооо
я оглох от такой громкости