Форма Pop-up c Figma в Webflow. Верстка Формы с нуля + Анимация.

Описание

Узнай, как сверстать pop-up форму из Figma в Webflow с нуля! Пошагово покажу, как перенести дизайн формы из Figma в Webflow, создать адаптивную и стильную pop-up форму, а также настроить плавную анимацию открытия и закрытия. Подойдет как новичкам, так и тем, кто хочет углубиться в верстку форм и взаимодействие с пользователем.

🔧 Работаем с формами в Webflow
🎨 Перенос дизайна из Figma
✨ Анимация и UX
💡 Советы по структуре и стилям

✅ СЕКРЕТНЫЕ и ПОЛЕЗНЫЕ ПЛЮШКИ
🔥 Платные возможности на бесплатном тарифе в Webflow
🔥 Админка для сайта
🔥 Скриншоты готовых блоков для насмотренности
🔥 Готовые блоки для вашего сайта
🔥 Текстовые заготовки
🔥 Style Guide
https://t.me/webflow_boost

🚀 Бесплатный курс по веб-дизайну, фриласну и Webflow с нуля
С обратной связью и практикой от меня лично
https://t.me/design_webflow_course

🎯 Индивидуальное менторство для быстрого прогресса
https://lenadiz.com/study

Обучение проходит не группами, а весь процесс подстраивается именно под вас и ваши знания. Я научу вас всему, что знаю сама и вы на старте уже сможете зарабатывать, а не делать ошибки.

01:30 - Создаем попап в вебфлоу
10:50 - Создаем форму
13:00 - Настройка input
26:50 - Анимация открытия pop-up
30:00 - Анимация закрытия pop-up
32:40 - Адаптивность формы
38:15 - Супер-супер важная информация при адаптивности попапа