Кухня Framer [Umapalata] [Макс Куратов]

Топикстартер · 2 май 2025

Складчина: Кухня 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)
Скрытая ссылка