III · Освоить · Кухня
Кухня Framer AI Website Creator · с нуля до готового сайта — как Figma, только с кнопкой «опубликовать»
Хочешь делать сайты, а не бороться с интерфейсом? Курс объяснит, как из дизайна сделать живой сайт — без кода, боли и гуглинга «куда делся отступ».
$99
разово · обе Кухни — $150
49
видеоуроков
RU
язык обучения — русский
6,5 ч
контента
∞
бессрочный доступ
Обзор курса
Посмотри, как устроен курс.
Перед покупкой — посмотри обзор курса.
Что тебя ждёт
Сначала Figma, потом — полноценный сайт без кода.
Все объяснено на человеческом языке, шаг за шагом. Минимум кликов — максимум результата.
- Модуль 01
Создашь полноценный макет сайта
От первого экрана до карточки товара. Учимся работать с автолейаутами, структурировать блоки, оформлять меню, футер и форму заявки.
- Модуль 02
Разберёшься в интерфейсе Framer
Полный обзор интерфейса и логики Framer: рабочие зоны, страницы, настройки — и начинаем вёрстку.
- Модуль 03
Сверстаешь страницы и блоки
Собираем сайт блок за блоком — фактически повторяем макет из Figma, но уже в реальности.
- Модуль 04
Настроишь адаптив и интерактив
Делаем сайт удобным на всех экранах, добавляем интерактив, настраиваем меню и состояния компонентов.
- Модуль 05
Оживишь сайт анимациями
Работаем со всеми популярными эффектами: от простых до «вау».
Результат
После курса у тебя будет свой сайт.
Полноценная работа в портфолио — от макета в Figma до опубликованного сайта.
- 01
Разберёшься с автолейаутами и адаптивностью в Figma
- 02
Перенесёшь макет во Framer и сверстаешь сайт с нуля
- 03
Научишься анимировать блоки и делать плавные переходы между страницами
- 04
Поймёшь, как адаптировать сайт под любые устройства
- 05
Соберёшь полноценный многостраничный сайт с карточками и интерактивом
- 06
Будешь готов самостоятельно создавать и развивать проекты на Framer
Блюда учеников
Что уже приготовили наши ученики.
Программа и цена
5 модулей от Figma до своего домена.
Figma, вёрстка, настройки, адаптив и анимации — за 6,5 часа.
01Макет сайта
- 016:01
Куда я тебя веду
- 0220:07
Figma: дизайн первого экрана
- 035:03
Auto Layout
- 049:59
Дизайн первого экрана с Auto Layout
- 0516:23
Figma: блок карточки товара
- 064:05
Figma: блок FAQ
- 079:37
Figma: блок отзывов
- 084:23
Figma: футер
- 096:20
Figma: меню
- 101:19
Figma: элемент на первом экране
- 1116:05
Figma: страница товара, форма заявки
- 124:54
Генерация контента
02Интерфейс Framer
- 134:31
Обзор Framer, тарифы
- 143:20
Интерфейс Framer
- 156:05
Интерфейс рабочей зоны
- 164:43
Pages, Layers, Assets
- 177:44
Настройки страницы и сайта
- 183:18
Блочная вёрстка, разметка первого экрана
- 198:52
Layout, Fill, Fit, absolute positioning
- 208:32
SEO
- 2112:46
Style Guide
03Вёрстка
- 2213:52
Вёрстка первого экрана
- 236:07
Круг на первом экране
- 248:23
Блок FAQ
- 257:51
CMS на практике
- 2610:40
Блок отзывов
- 275:16
Блок футера
- 2820:48
Блок карточки товара
- 297:20
Страница карточки товара
- 3022:44
Форма заявки, сервис приёма сообщений
- 315:48
Страница благодарности
04Настройки и адаптив
- 3211:19
Hover и пресеты в компоненте, анимация кнопки
- 3319:40
Адаптив сайта
- 348:40
Варианты компонента
- 355:48
Меню сайта
- 3610:11
Компонент меню сайта
- 376:20
Выпадающее меню
- 383:51
Галерея
- 394:43
Ссылки на страницы и блоки
05Анимации и запуск
- 407:53
Анимация Sticky
- 414:45
Базовая анимация
- 423:31
Анимация текста по кругу
- 436:50
Анимация текста
- 443:15
Анимация закреплённой кнопки
- 451:59
Анимация Drag
- 462:38
Анимация параллакс
- 473:59
Переход между страницами
- 484:16
Pop-up
- 499:17
Настройки сайта, подключение домена
Калькулятор
Готов к основному блюду? Собери своё меню — скидки посчитаем сами.
Отметь курсы, которые хочешь пройти, — итог и скидки появятся справа.
Уже покупал мои курсы?Напиши мне в Telegram перед оплатой — учту предыдущие покупки.
Не получается оплатить?Напиши мне в Telegram — помогу.
Обо мне
Привет, я Макс.
Создаю сайты и обучаю этому с 2014 года. За это время сделал 475 сайтов для проектов в 13 странах — и продолжаю заниматься реальной разработкой.
Я учу не просто пользоваться программами. Показываю, как создавать сайты целиком, используя AI там, где он действительно помогает.
- 475
- созданных сайтов
- 29
- курсов — от Photoshop до Claude
- 1996
- в 7 лет выучил Photoshop
Мне есть что рассказать
Всё началось с дедушки: он преподавал графические программы и в 1996 году посадил меня, семилетнего, за Photoshop.
Конференции и залы на 1600 человек, камерные воркшопы с ноутбуками на коленях, сотни проектов для реальных клиентов.
За эти годы я научился главному — объяснять сложные вещи простыми словами. Поэтому на моих уроках понятно с первого раза, и сразу хочется попробовать самому.
Когда начинается курс?
Все видеоуроки в записи — смотри в удобное время. Обычно курс проходят за 15–20 дней.
Будет ли поддержка?
Да — в течение 21 дня в закрытой группе, где помогают одногруппники.
Нужно ли знать Figma?
Если ты новичок — всё нужное по Figma объясняется прямо в курсе.
Я не из Украины. Могу купить курс?
Да, конечно. Если возникнут сложности с оплатой — напиши мне в Telegram @MaksKyratov.
Вернут ли деньги, если курс не понравится?
Возврат не предусмотрен: после оплаты сразу открывается полный доступ к курсу. Перед покупкой посмотри программу и публичную оферту.
Чтобы не ошибиться, начни с бесплатного Аперитива.
Я вообще не умею делать сайты. С чего начать?
С бесплатного Аперитива или одного из Практикумов. Они помогут познакомиться с процессом и инструментами без большой покупки.
Здесь учат делать сайты или работать с AI?
Прежде всего — создавать сайты.
AI — один из инструментов, который помогает ускорить разработку. В разных курсах мы изучаем отдельные платформы и задачи, а в программе «Шеф» разбираем весь процесс создания сайта под ключ.
Нужно ли знать программирование?
Нет. Учить код не придётся.
На курсах мы разберём только азы — ровно столько, чтобы ты понимал, из чего собран сайт: и тот, что конструируешь сам, и тот, что пишет за тебя AI. Не заучивать, а читать и понимать, что происходит.
Здесь больше практики или теории?
Практики. Я сам создаю сайты для клиентов и в уроках показываю, как работаю на реальных проектах, — а не пересказываю документацию.
Смогу ли я брать заказы после обучения?
Да — если не просто смотреть, а делать. Курс даёт систему и навыки, но результат зависит от твоей практики.
Помогаете искать клиентов?
Нет. Я даю систему работы над сайтами, а искать клиентов и договариваться с ними — твоя задача.
Но в программе «Шеф» мы много говорим о том, как и где их искать, — чтобы ты не остался с навыками, но без заказов.
Можно ли покупать курсы отдельно?
Да. Выбирай только то, что тебе нужно. А если берёшь несколько курсов, калькулятор автоматически применит доступные скидки.
Что входит во «Всё меню»?
Три Практикума, обе Кухни и программа «Шеф · AI Website Creator».
$318 вместо $454.
Бонусом — курсы Photoshop и Spline.
Дополнительно — постоянная скидка 20% на все «Рецепты».
Есть ли рассрочка?
Да, можно оплатить частями от ПриватБанка — с помощью карты ПриватБанка.
На странице оплаты выберите «Оплата частинами» и количество платежей, укажите email и номер мобильного. Затем подтвердите платёж на странице ПриватБанка — после подтверждения спишется сумма первого платежа.
Чтобы оплатить всю сумму сразу, нажмите «Інший спосіб оплати» → «Оплата карткою».
Я уже покупал курсы. Есть скидка?
Напиши мне лично перед оплатой. Я учту предыдущие покупки и рассчитаю стоимость индивидуально.
Я оплатил курс, но после оплаты ничего не произошло. Что делать?
Не переживай — платёж прошёл, и я его вижу.
Почти всегда, в 99% случаев, причина одна: при оплате указана неправильная почта. Вся инструкция и доступ к курсу всегда приходят на почту — проверь адрес, который вводил, и папку «Спам».
Если письма нет — напиши мне в Telegram, разберёмся.