Анимируем выпадающий список в Figma 🎬
HTML-код
- Опубликовано: 7 сен 2024
- Анимируем список в Figma 🎬
Как сделать анимацию выпадающего списка в фигме за 30 секунд?👨💻
__
📝 Создаем фрейм
🖼 Добавляем логотип и элементы
🟠 Добавляем список
🐀 С помощью клавишы K уменьшаем блоки
➖ Добавляем отрицательный отступ
🔃 Меняем очередность элементов
👓 Уменьшаем непрозрачность до нуля
🛗 Добавляем и перетаскиваем элементы
👭 Дублируем фрейм
🐘 Перемещаем наш список и возвращаем непрозрачность и размер
🕐 Связываем в Prototype и выбираем Smart Animate с эффектом Slow 800 мс
🔄 Повторяем для обратной анимации с эффектом Slow 400 мс
Чел реально спасибо
А фронтэндеры за это не перевернут?)
Если хочет расти в профессиональном плане, то только поблагодарит) Если будут сложности, всегда можно найти компромисс, главное уметь договариваться
Мне как фронту даже в кайф будет это верстать
где же компоненты...
Возьму в копилку, спасибо
А как ты сделал на первом кадре так что с телефона так посмотрел. Даже не видно что в самой Фигме сидишь
На первой секунде
Приложение Figma Mirror
Figma только для ios?
На windows тоже работает
Она работает даже в браузере!
Как оплатить фигму из РФ?
никак, зачем террористическому государству пользоваться благами нормальных людей? продолжайте играть в стрелялки