Складчина: Кухня Framer [Umapalata] [Макс Куратов]
Все объяснено на человеческом языке, шаг за шагом. Framer похож на Figma, только с кнопкой «опубликовать». Минимум кликов — максимум результата.
Курс "Кухня Framer" с нуля до готового сайта. Как Figma, только с кнопкой “опубликовать”
Хочешь делать сайты, а не бороться с интерфейсом? Framer — твой путь. Этот курс объяснит, как из дизайна сделать живой сайт, без кода, боли и гуглинга «куда делся отступ». За 6.5 часов — от Figma до финального сайта."
Для кого эта программа
Если вы дизайнер, маркетолог, предприниматель или просто хотите научиться создавать современные сайты без кода — этот курс для вас.
Что вы получите
- Освоите Framer — мощный no-code инструмент для создания сайтов.
- Научитесь создавать адаптивные сайты с анимацией и интерактивными элементами.
- Поймете, как использовать AI для генерации дизайна и контента.
- Изучите работу с CMS, SEO и интеграциями.
- Получите навыки, востребованные на рынке.
Программа курса
- Модуль №1. Создадите полноценный макет сайта: от первого экрана до карточки товара. Учимся работать с автолэйаутами, структурировать блоки, оформлять меню, футер и форму заявки
- Модуль №2. Полный обзор интерфейса и логики Framer. Разберем рабочие зоны, страницы, настройки и начнем верстку
- Модуль 3. Верстка страниц и блоков. Собираем сайт блок за блоком. Фактически повторяем макет из Figma, но уже в реальности
- Модуль 4. Настройки и адаптив. Делаем сайт удобным на всех экранах, добавляем интерактив, настраиваем меню и состояние компонентов
- Модуль 5. Анимации. Оживляем сайт. Работаем со всеми популярными эффектами: от простых до "вау"
Приветствие
Урок №1. Figma. Дизайн первого экрана
Урок №2. Auto layout
Урок №3. Дизайн первого экрана Auto layout
Урок №4. Figma Блок карточки товара
Урок №5. Figma. Блок FAQ
Урок №6. Figma. Блок Review
Урок №7. Figma.Footer
Урок №8. Figma. Меню
Урок №9. Figma. Элемент на первом экране
Урок №10. Figma.Страница товара. Форма заявки
Урок №11. Генерация контента
Урок №12. Обзор Framer. Цены
Урок №13. Интерфейс Framer
Урок №14. Интерфейс рабочей зоны
Урок №15. Pages, Layers,Assets
Урок №16. Настройки страницы и сайта
Урок №17. Блочная верстка. Разметка первого экрана
Урок №18. Layout, Fill, Fid. Absolute Positioning
Урок №19. SEO
Урок №20. Style Guide
Урок №21. Верстка первого экрана
Урок №22. Круг на первом экране
Урок №23. Блок FAQ
Урок №24. CMS на практике
Урок №25. Блок Review
Урок №26. Блок Footer
Урок №27. Блок карточки товара
Урок №28. Страница Карточки товара
Урок №29. Форма заявки. сервис приема сообщений
Урок №30. Страница благодарности
Урок №31. Хавер/Пресет в компоненте.
Урок №32. Адаптив сайт
Урок №33. Варианты компонента
Урок №34. Меню сайта
Урок №35. Компонент меню сайта
Урок №36. Выпадающее меню
Урок №37. Галерея
Урок №38. Ссылки на страницы и блоки
Урок №39. Анимация Sticky
Урок №40. Базовая анимация
Урок №41. Анимация текста по кругу
Урок №42. Анимация текста
Урок №43. Анимация зафиксированной кнопки
Урок №44. Анимация Drag
Урок №45. Анимация параллакс
Урок №46. Переход между страницами
Урок №47. Pop-up
Урок №48. Настройки сайта. Подключение домена.
После прохождения курса:
- Разберешься с автолайаутами и адаптивностью в Figma
- Перенесёшь макет во Framer и сверстаешь сайт с нуля
- Научишься анимировать блоки и делать плавные переходы между страницами
- Поймешь, как адаптировать сайт под любые устройства
- Соберешь полноценный многостраничный сайт с карточками и интерактивом
- Готовность к самостоятельному созданию и развитию веб-проектов на основе Framer
Курс разработан командой Umapalata — экспертов в области дизайна и no-code разработки.
Язык - русский
Цена курса: ~9000 руб. ($99)
Скрытая ссылка