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, розберемося.