Umapalata. Творческое дизайн пространство, где каждый учится и творит.

личный кабинет

Курс "Кухня Framer"

( F )

Все объяснено на человеческом языке, шаг за шагом. Framer похож на Figma, только с кнопкой «опубликовать». Минимум кликов — максимум результата.

Курс "Кухня Framer"

( W )

Все объяснено на человеческом языке, шаг за шагом. Framer похож на Figma, только с кнопкой «опубликовать». Минимум кликов — максимум результата.

После оплаты вы будете перенаправлены в личный кабинет, где будут ожидать видеоуроки. Возникли проблемы с оплатой? Пишите лично, и мы вам поможем. @MaksKyratov

$99

$200

Цена курса

Купить курс

Framer

Приобрести

Курс "Кухня Framer" с нуля до готового сайта. Как Figma, только с кнопкой “опубликовать”

Хочешь делать сайты, а не бороться с интерфейсом? Framer — твой путь. Этот курс объяснит, как из дизайна сделать живой сайт, без кода, боли и гуглинга «куда делся отступ». За 6.5 часов — от Figma до финального сайта."

6.5

Часов контента

Погрузим вас в мир Framer

1

Полноценная работа в портфолио

Сначала Figma, потом — полноценный сайт без кода

50

Видео-уроков

В 5-х модулях: Figma, верста, настройки, анимация

RU

Язык обучения

8

Доступ

Доступ к видео-урокам на 6 месяцев

1

Чат поддержки

Доступ к закрытой группе, где вы всегда сможете получить помощь от однокурсников

После прохождения курса:

Разберешься с автолайаутами и адаптивностью в Figma

Перенесёшь макет во Framer и сверстаешь сайт с нуля

Научишься анимировать блоки и делать плавные переходы между страницами

Поймешь, как адаптировать сайт под любые устройства

Соберешь полноценный многостраничный сайт с карточками и интерактивом

Готовность к самостоятельному созданию и развитию веб-проектов на основе Framer

Что вас ждет на практикуме:

Модуль №1. Создадите полноценный макет сайта: от первого экрана до карточки товара. Учимся работать с автолэйаутами, структурировать блоки, оформлять меню, футер и форму заявки

recpovsive_site.umapalata003

recpovsive_site.umapalata001

Модуль №2. Полный обзор интерфейса и логики Framer. Разберем рабочие зоны, страницы, настройки и начнем верстку

recpovsive_site.umapalata004

recpovsive_site.umapalata005

Модуль 3. Верстка страниц и блоков. Собираем сайт блок за блоком. Фактически повторяем макет из Figma, но уже в реальности

recpovsive_site.umapalata004

recpovsive_site.umapalata005

Модуль 4. Настройки и адаптив. Делаем сайт удобным на всех экранах, добавляем интерактив, настраиваем меню и состояние компонентов

recpovsive_site.umapalata004

recpovsive_site.umapalata005

Модуль 5. Анимации. Оживляем сайт. Работаем со всеми популярными эффектами: от простых до "вау"

recpovsive_site.umapalata005

Програма курса

( 0 )

Приветствие

6:01

( 1 )

Урок №1. Figma. Дизайн первого экрана

20:07

( 2 )

Урок №2. Auto layout

5:03

( 3 )

Урок №3. Дизайн первого экрана Auto layout

9:59

( 4 )

Урок №4. Figma Блок карточки товара

16:23

( 5 )

Урок №5. Figma. Блок FAQ

4:05

( 6 )

Урок №6. Figma. Блок Review

9:37

( 7 )

Урок №7. Figma.Footer

4:23

( 8 )

Урок №8. Figma. Меню

6:20

( 9 )

Урок №9. Figma. Элемент на первом экране

1:19

( 10 )

Урок №10. Figma.Страница товара. Форма заявки

16:05

( 11 )

Урок №11. Генерация контента

4:54

( 12 )

Урок №12. Обзор Framer. Цены

4:31

( 13 )

Урок №13. Интерфейс Framer

3:20

( 14 )

Урок №14. Интерфейс рабочей зоны

6:05

( 15 )

Урок №15. Pages, Layers,Assets

4:43

( 16 )

Урок №16. Настройки страницы и сайта

7:44

( 17 )

Урок №17. Блочная верстка. Разметка первого экрана

3:18

( 18 )

Урок №18. Layout, Fill, Fid. Absolute Positioning

8:52

( 19 )

Урок №19. SEO

8:32

( 20 )

Урок №20. Style Guide

12:46

( 21 )

Урок №21. Верстка первого экрана

13:52

( 22 )

Урок №22. Круг на первом экране

6:07

( 23 )

Урок №23. Блок FAQ

8:23

( 24 )

Урок №24. CMS на практике

7:51

( 25 )

Урок №25. Блок Review

10:40

( 26 )

Урок №26. Блок Footer

5:16

( 27 )

Урок №27. Блок карточки товара

20:48

( 28 )

Урок №28. Страница Карточки товара

7:20

( 29 )

Урок №29. Форма заявки. сервис приема сообщений

22:44

( 30 )

Урок №30. Страница благодарности

5:48

( 31 )

Урок №31. Хавер/Пресет в компоненте.

11:19

( 32 )

Урок №32. Адаптив сайт

19:40

( 33 )

Урок №33. Варианты компонента

8:40

( 34 )

Урок №34. Меню сайта

5:48

( 35 )

Урок №35. Компонент меню сайта

10:11

( 36 )

Урок №36. Выпадающее меню

6:20

( 37 )

Урок №37. Галерея

3:51

( 38 )

Урок №38. Ссылки на страницы и блоки

4:43

( 39 )

Урок №39. Анимация Sticky

7:53

( 40 )

Урок №40. Базовая анимация

4:45

( 41 )

Урок №41. Анимация текста по кругу

3:31

( 42 )

Урок №42. Анимация текста

6:50

( 43 )

Урок №43. Анимация зафиксированной кнопки

3:15

( 44 )

Урок №44. Анимация Drag

1:59

( 45 )

Урок №45. Анимация параллакс

2:38

( 46 )

Урок №46. Переход между страницами

3:59

( 47 )

Урок №47. Pop-up

4:16

( 48 )

Урок №48. Настройки сайта. Подключение домена.

9:17

marafpn-webflow

Курс "Кухня Framer"

Доступ к группе, где вы всегда сможете получить помощь от одногруппников

Скидка 20% на курс «Кухня Webflow»

Доступ к видео-урокам на 6 месяцев

385 минут видео

50 видеоуроков

$99

$200

Цена курса

Купить курс

После оплаты вы будете перенаправлены в личный кабинет, где будут ожидать видеоуроки. Возникли проблемы с оплатой? Пишите лично, и мы вам поможем. @MaksKyratov

Часто задаваемые вопросы о этом курсе:

Когда начинается курс?

Все видео-уроки в записи. Вы сможете просматривать их в удобное для вас время. Ориентировочное время прохождения курса составляет 15-20 дней

Я не с Украины, могу ли купить ваш курс?

Да, конечно, вы можете. Если у вас возникли сложности с оплатой, обратитесь ко мне в Телеграме @MaksKyratov

Вернут ли мне деньги, если курс мне не понравился

К сожалению, мы не предоставляем возврат средств, так как после оплаты вы получаете полный доступ к курсу. Перед покупкой рекомендуем ознакомиться с публичной офертой и программой курса.

Что лучше Framer или Webflow?

Если ты дизайнер и хочешь быстро запускать сайты без кода — Framer твой выбор.Простой интерфейс, логика как в Figma, анимации, адаптив и публикация — за пару кликов.
‍
Он идеален для тех, кто хочет делать красиво и быстро, не залезая в технические дебри. Webflow мощнее, но и сложнее.
‍
Он больше подходит тем, кто уже в теме, или работает в связке с разработчиками.

Будет сертификат после проходжения курса?

Конечно, после успешного завершения курса вы получите официальный сертификат, подтверждающий ваше успешное прохождение курса.

Я оплатил курс, но после оплаты ничего не произошло

К сожалению, такое иногда случается, но очень редко. Не переживайте, ваш платеж прошел успешно, и я его вижу. Если возникли проблемы, пожалуйста, напишите мне в телеграме @MaksKyratov для дальнейшего решения проблемы.

Нужны ли знания Figma для проходжения курса?

Да, некоторые программы могут понадобиться, но если вы новичок, то в самом курсе будет объяснено использование этих программ.

Umapalata - Пространство творческого развития. Место, где обучение становится вызовом, разработка превращается в искусство, а коммьюнити - вашим партнером в достижении успеха

makskyratov

Я стремлюсь объединить обучение с практическими навыками. Моя цель - предоставить студентам не только теоретические знания, но и практический опыт, который поможет им развивать свои навыки в разработке веб-сайтов.

(с) Макс Куратов

Основатель Umapalata

17

Авторские курсы в области дизайна

450+

Коммерческих сайтов с нуля за последние 9 лет

10 000+

Обучил людей создавать сайты без знания программирования

6 млн

Просмотров на канале YouTube

makskyratov

makskyratov

makskyratov

makskyratov

makskyratov

makskyratov

makskyratov

makskyratov

Курси

Полноценный курс, включающий практику, теорию, домашние задания и игры

199$ | 23 часа | 112 видео | +5 мастер классов

Кухня Webflow

Подробнее

Легкий вход в мир Framer. Как Figma, только сайт сразу в онлайне. Без кода, без нервов

99$ | 6.5 часов | 50 видео

Кухня Framer

Подробнее

Научитесь работать с инструментами программы в теоретическом формате

0$ | 3.5 часа | 16 видео

Photoshop PRO 1.0

Подробнее

Практический курс из 24 мощных уроков, которые прокачают ваши навыки в Photoshop

99$ | 5 часов | 24 видео

Photoshop PRO 2.0

Подробнее

Тривалість 31 година. Курс включає в себе 5 курсів на всіх рівнях складності

Tilda

Детальніше

Основи 3D-дизайну, створення інтерактивних 3D-сцен

Spline

Скоро

Міні курси

Для тех, кто хочет понять, подходит ли ему Webflow. Самое простое объяснение этой программы в вашей жизни

23$ | 2.2 часа | 10 видео

Практикум Easy Start in Webflow

Подробнее

Осваивайте layout на практике и создавайте профессиональные финансовые вебсайты за 2 часа

9$ | 2.2 часа

Входит в стоимость курса "Кухня Webflow"

Мастер класс №1. Webflow. Bank

Подробнее

Создашь три крутые галереи в Webflow с пошаговыми инструкциями по верстке от А до Я, включая добавление анимации

Входит в стоимость курса "Кухня Webflow"

Мастер класс №2. Webflow. Gallery

Подробнее

Создашь невероятную анимацию в Webflow

15$ | 1.8 часов | 7 видео

Входит в стоимость курса "Кухня Webflow"

Мастер класс №3. Webflow. Mountain

Подробнее

Научитесь адаптировать сайты под любые устройства и создавать идеально гибкие макеты в Webflow

30$ | 2 часа | 8 видео

Входит в стоимость курса "Кухня Webflow"

Мастер класс №4. Webflow Responsive

Подробнее

Webflow за рекордно короткое время. Полноценный Landing page с использованием всех основных возможностей Webflow

15$ | 2. часа | 13 видео

Входит в стоимость курса "Кухня Webflow"

Мастер класс №5. Webflow. Landing page

Подробнее

Основы 3D-дизайна, создание 3D-сцен и анимаций

39$ | 1.8 часов | 20 инструментов

Spline Mini

Подробнее

Купить курс 99$