Начать бесплатно

III · Освоить · $99 за Кухню

Кухни AI Website Creator · подробные курсы по Framer и Webflow

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

Выбрать КухнюОбе — $150
Ступень III

$99

за Кухню

2

Кухни: Framer и Webflow

21 день

поддержки в группе

Выбери Кухню

Одна платформа — на всю глубину.

Каждая Кухня — отдельный полный курс. Возьми одну или сразу обе со скидкой.

Кухня

Framer

С нуля до готового сайта во Framer — без кода.

  • Видео49 уроков
  • Длительность6,5 часа

$99разово

Кухня

Webflow

Популярный на Западе конструктор — путь к современным сайтам без ограничений.

  • Видео112 видео
  • Длительность23 часа

$99разово

Выгоднее

Обе Кухни

Framer и Webflow — освой обе платформы и бери любые проекты.

$150$198

Экономия $48

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

Что ты сделаешь

  • Автолейауты и адаптив в Figma
  • Перенос макета во Framer и вёрстка с нуля
  • CMS, формы заявок и страница благодарности
  • Компоненты, варианты, меню и pop-up
  • Анимации блоков и переходы между страницами
  • Многостраничный сайт с подключённым доменом

Программа · 49 уроков

01Макет сайта12 уроков · 104 минуты
  1. 01

    Куда я тебя веду

    6:01
  2. 02

    Figma: дизайн первого экрана

    20:07
  3. 03

    Auto Layout

    5:03
  4. 04

    Дизайн первого экрана с Auto Layout

    9:59
  5. 05

    Figma: блок карточки товара

    16:23
  6. 06

    Figma: блок FAQ

    4:05
  7. 07

    Figma: блок отзывов

    9:37
  8. 08

    Figma: футер

    4:23
  9. 09

    Figma: меню

    6:20
  10. 10

    Figma: элемент на первом экране

    1:19
  11. 11

    Figma: страница товара, форма заявки

    16:05
  12. 12

    Генерация контента

    4:54
02Интерфейс Framer9 уроков · 60 минут
  1. 13

    Обзор Framer, тарифы

    4:31
  2. 14

    Интерфейс Framer

    3:20
  3. 15

    Интерфейс рабочей зоны

    6:05
  4. 16

    Pages, Layers, Assets

    4:43
  5. 17

    Настройки страницы и сайта

    7:44
  6. 18

    Блочная вёрстка, разметка первого экрана

    3:18
  7. 19

    Layout, Fill, Fit, absolute positioning

    8:52
  8. 20

    SEO

    8:32
  9. 21

    Style Guide

    12:46
03Вёрстка10 уроков · 109 минут
  1. 22

    Вёрстка первого экрана

    13:52
  2. 23

    Круг на первом экране

    6:07
  3. 24

    Блок FAQ

    8:23
  4. 25

    CMS на практике

    7:51
  5. 26

    Блок отзывов

    10:40
  6. 27

    Блок футера

    5:16
  7. 28

    Блок карточки товара

    20:48
  8. 29

    Страница карточки товара

    7:20
  9. 30

    Форма заявки, сервис приёма сообщений

    22:44
  10. 31

    Страница благодарности

    5:48
04Настройки и адаптив8 уроков · 71 минута
  1. 32

    Hover и пресеты в компоненте, анимация кнопки

    11:19
  2. 33

    Адаптив сайта

    19:40
  3. 34

    Варианты компонента

    8:40
  4. 35

    Меню сайта

    5:48
  5. 36

    Компонент меню сайта

    10:11
  6. 37

    Выпадающее меню

    6:20
  7. 38

    Галерея

    3:51
  8. 39

    Ссылки на страницы и блоки

    4:43
05Анимации и запуск10 уроков · 48 минут
  1. 40

    Анимация Sticky

    7:53
  2. 41

    Базовая анимация

    4:45
  3. 42

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

    3:31
  4. 43

    Анимация текста

    6:50
  5. 44

    Анимация закреплённой кнопки

    3:15
  6. 45

    Анимация Drag

    1:59
  7. 46

    Анимация параллакс

    2:38
  8. 47

    Переход между страницами

    3:59
  9. 48

    Pop-up

    4:16
  10. 49

    Настройки сайта, подключение домена

    9:17

Поддержка — закрытый чат учеников, 21 день.

Полный курс с практикой, домашними заданиями и играми: от регистрации до сложных анимаций. Глубокие знания программирования не нужны.

Что ты сделаешь

  • Интерфейс Webflow, классы и BEM
  • Display: block, flex, grid
  • Адаптив: брейкпоинты и единицы измерения
  • Компоненты, меню, формы заявок
  • Анимации: hover, click, scroll, sticky
  • SEO, домен и передача сайта клиенту

Программа · 62 урока

01База7 уроков · 48 минут
  1. 01

    Знакомство. План действий

    5:01
  2. 02

    Быстрый обзор сервиса

    5:55
  3. 03

    Настройки проекта

    1:15
  4. 04

    Дизайн панель

    18:22
  5. 05

    Новый интерфейс Webflow

    3:09
  6. 06

    Как опубликовать и поделиться проектом

    2:51
  7. 07

    Тарифные планы

    11:00
02Основы3 урока · 36 минут
  1. 08

    Основы HTML, CSS — как это работает в Webflow

    11:59
  2. 09

    Блочная вёрстка, DIV-блок

    14:09
  3. 10

    DIV-блок на практике

    9:58
03Элементы3 урока · 31 минута
  1. 11

    Элементы разметки

    15:20
  2. 12

    Элементы Media, Advanced

    8:19
  3. 13

    Элементы Typography

    6:53
04Классы2 урока · 27 минут
  1. 14

    Классы

    16:59
  2. 15

    Basic / Combo / Global классы

    9:58
05Стили12 уроков · 86 минут
  1. 16

    Стили. Вступление

    4:42
  2. 17

    Стили. Typography

    12:04
  3. 18

    Стили. Background

    11:12
  4. 19

    Стили. Обводка и скругление

    2:44
  5. 20

    Стили. Отступы. Margin и Padding

    8:06
  6. 21

    Стили. Размер

    4:09
  7. 22

    Стили. Overflow, Fit

    6:19
  8. 23

    Стили. Position

    15:28
  9. 24

    Стили. Z-index

    3:16
  10. 25

    Стили. Filter

    6:48
  11. 26

    Стили. 2D, 3D transforms

    8:18
  12. 27

    Стили. Выводы

    2:33
06БЭМ2 урока · 34 минуты
  1. 28

    БЭМ

    11:22
  2. 29

    БЭМ. Практическая часть

    23:02
07Все виды Display4 урока · 59 минут
  1. 30

    Display: inline, block

    7:58
  2. 31

    Display: Grid

    7:38
  3. 32

    Display: Flex

    24:38
  4. 33

    Обучающая игра по Flexbox

    19:09
08Дизайн в Figma. Вёрстка сайта3 урока · 88 минут
  1. 34

    Дизайн сайта в Figma. Часть 1

    28:52
  2. 35

    Дизайн сайта в Figma. Часть 2

    21:55
  3. 36

    Вёрстка сайта. Верстаем первый экран

    36:48
09Адаптив сайта3 урока · 36 минут
  1. 37

    Брейкпоинты

    9:42
  2. 38

    Виды вёрстки: статичная, адаптивная, резиновая

    6:41
  3. 39

    Единицы измерения: px, %, auto, em, vh, vw

    19:29
10Практика12 уроков · 222 минуты
  1. 40

    Display. Практика

    29:36
  2. 41

    Вёрстка. Практика

    10:47
  3. 42

    Меню сайта. Navbar menu

    12:12
  4. 43

    Как создать страницы, ссылки меню

    5:41
  5. 44

    Компоненты

    13:29
  6. 45

    Блоки сайта. Практика

    33:44
  7. 46

    Проверка и подготовка макета

    7:58
  8. 47

    Подготовка Style Guide

    6:56
  9. 48

    Вёрстка сайта. Практика

    28:49
  10. 49

    Адаптив сайта. Практика

    16:59
  11. 50

    Адаптив сайта 2. Практика

    19:32
  12. 51

    Формы заявок. Реализация, подключение

    36:14
11Анимация8 уроков · 76 минут
  1. 52

    Состояния

    6:59
  2. 53

    Transitions

    5:21
  3. 54

    Mouse click, mouse hover

    28:06
  4. 55

    Mouse click, mouse hover. Практика

    7:48
  5. 56

    Mouse move over element

    13:27
  6. 57

    Scroll into view

    7:40
  7. 58

    Page scrolled

    2:29
  8. 59

    Position sticky

    3:49
12Настройки3 урока · 20 минут
  1. 60

    Настройки сайта и SEO

    8:05
  2. 61

    Как передать сайт заказчику

    4:32
  3. 62

    Как купить и настроить домен

    7:39

Бонусом: 5 мастер-классов, шаблон сайта на 20 страниц и База знаний, которая постоянно пополняется.

Блюда учеников

Что уже приготовили наши ученики.

Курс Шеф
Работа ученика: лендинг Framer-разработчика
Кухня Webflow
Курс Шеф
Работа ученика: сайт Top Padel Alicante
Рецепт «Claude Code: сайт от дизайна до CMS»
Курс Шеф
Работа ученика: сайт туристического агентства Alterra
Рецепт «Claude, сделай мне сайт»
Работы ученика: подборка сайтов
Кухни Framer, Webflow и Claude
Работа ученика: сайт производителя стройматериалов Nordmaterial
Кухня Webflow
Работа ученика: сайт проката автомобилей Warcar
Курс Шеф

Калькулятор

Готов к основному блюду? Собери своё меню — скидки посчитаем сами.

Отметь курсы, которые хочешь пройти, — итог и скидки появятся справа.

Практикумы $19 каждый

Все три за $38 · экономия $19

Кухни $99 каждая

Обе за $150 · экономия $48

Шеф программа под ключ

Возьми всё меню — к скидкам добавится ещё −$69

Твой расчёт

Итого$0
Перейти к оплате

Уже покупал мои курсы?Напиши мне в Telegram перед оплатой — учту предыдущие покупки.

Не получается оплатить?Напиши мне в Telegram — помогу.

Макс Куратов — автор школы Umapalata
Автор и шеф UmapalataМакс Куратов

Обо мне

Привет, я Макс.

Создаю сайты и обучаю этому с 2014 года. За это время сделал 475 сайтов для проектов в 13 странах — и продолжаю заниматься реальной разработкой.

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

475
созданных сайтов
29
курсов — от Photoshop до Claude
1996
в 7 лет выучил Photoshop

Мне есть что рассказать

Всё началось с дедушки: он преподавал графические программы и в 1996 году посадил меня, семилетнего, за Photoshop.

Конференции и залы на 1600 человек, камерные воркшопы с ноутбуками на коленях, сотни проектов для реальных клиентов.

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

Выступление Макса перед большим залом
Селфи со сцены на фоне полного зала
Выступление на форуме «Бизнес Молодость»
Дискуссия на сцене перед слушателями
Макс с группой учеников после занятия
Участники воркшопа работают за ноутбуками
Лекция в небольшой аудитории
Групповое фото с участниками занятия
Ученики работают за ноутбуками на занятии
Занятие в аудитории с проектором
Лекция в полном зале
Награждение на бизнес-форуме
Макс записывает видеоурок в студии

FAQ

Вопросы о Кухнях

Не нашёл ответ? Напиши мне — отвечу лично.

Написать Максу
Что лучше: Framer или Webflow?

Оба — профессиональные инструменты для полноценных сайтов, и «лучшего» среди них нет. Framer ближе к логике Figma и позволяет быстро собрать и запустить сайт. Webflow даёт больше контроля над структурой, классами и CMS. Выбор зависит от проекта и от того, как тебе удобнее работать, — попробуй оба бесплатно в Аперитиве.

А с появлением AI многие процессы в обоих инструментах можно автоматизировать: Claude подключается и к Framer, и к Webflow через MCP. Об этом очень подробно рассказываю в программе «Шеф».

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

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

Будет ли поддержка?

Да — в Кухнях и в программе «Шеф», в течение 21 дня.

Нужно ли знать Figma?

Если ты новичок — всё нужное по Figma объясняется прямо в курсе.

Я не из Украины. Могу купить курс?

Да, конечно. Если возникнут сложности с оплатой — напиши мне в Telegram @MaksKyratov.

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

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

Чтобы не ошибиться, начни с бесплатного Аперитива или Практикумов.

Я вообще не умею делать сайты. С чего начать?

С бесплатного Аперитива или одного из Практикумов. Они помогут познакомиться с процессом и инструментами без большой покупки.

Здесь учат делать сайты или работать с AI?

Прежде всего — создавать сайты.

AI — один из инструментов, который помогает ускорить разработку. В разных курсах мы изучаем отдельные платформы и задачи, а в программе «Шеф» разбираем весь процесс создания сайта под ключ.

Нужно ли знать программирование?

Нет. Учить код не придётся.

На курсах мы разберём только азы — ровно столько, чтобы ты понимал, из чего собран сайт: и тот, что конструируешь сам, и тот, что пишет за тебя AI. Не заучивать, а читать и понимать, что происходит.

Здесь больше практики или теории?

Практики. Я сам создаю сайты для клиентов и в уроках показываю, как работаю на реальных проектах, — а не пересказываю документацию.

Смогу ли я брать заказы после обучения?

Да — если не просто смотреть, а делать. Курс даёт систему и навыки, но результат зависит от твоей практики.

Помогаете искать клиентов?

Нет. Я даю систему работы над сайтами, а искать клиентов и договариваться с ними — твоя задача.

Но в программе «Шеф» мы много говорим о том, как и где их искать, — чтобы ты не остался с навыками, но без заказов.

Можно ли покупать курсы отдельно?

Да. Выбирай только то, что тебе нужно. А если берёшь несколько курсов, калькулятор автоматически применит доступные скидки.

Что входит во «Всё меню»?

Три Практикума, обе Кухни и программа «Шеф · AI Website Creator».

$318 вместо $454.

Бонусом — курсы Photoshop и Spline.

Дополнительно — постоянная скидка 20% на все «Рецепты».

Есть ли рассрочка?

Да, можно оплатить частями от ПриватБанка — с помощью карты ПриватБанка.

На странице оплаты выберите «Оплата частинами» и количество платежей, укажите email и номер мобильного. Затем подтвердите платёж на странице ПриватБанка — после подтверждения спишется сумма первого платежа.

Чтобы оплатить всю сумму сразу, нажмите «Інший спосіб оплати» → «Оплата карткою».

Я уже покупал курсы. Есть скидка?

Напиши мне лично перед оплатой. Я учту предыдущие покупки и рассчитаю стоимость индивидуально.

Я оплатил курс, но после оплаты ничего не произошло. Что делать?

Не переживай — платёж прошёл, и я его вижу.

Почти всегда, в 99% случаев, причина одна: при оплате указана неправильная почта. Вся инструкция и доступ к курсу всегда приходят на почту — проверь адрес, который вводил, и папку «Спам».

Если письма нет — напиши мне в Telegram, разберёмся.