Анимируем выпадающий список в Figma 🎬

Показать описание

Анимируем список в Figma 🎬

Как сделать анимацию выпадающего списка в фигме за 30 секунд?👨‍💻
__

📝 Создаем фрейм

🖼 Добавляем логотип и элементы

🟠 Добавляем список

🐀 С помощью клавишы K уменьшаем блоки

➖ Добавляем отрицательный отступ

🔃 Меняем очередность элементов

👓 Уменьшаем непрозрачность до нуля

🛗 Добавляем и перетаскиваем элементы

👭 Дублируем фрейм

🐘 Перемещаем наш список и возвращаем непрозрачность и размер

🕐 Связываем в Prototype и выбираем Smart Animate с эффектом Slow 800 мс

🔄 Повторяем для обратной анимации с эффектом Slow 400 мс