II · Спробувати · Практикум
Практикум Framer AI Website Creator · створи свій перший сучасний сайт за 1,5 години
Мінімум теорії, максимум практики: проходиш шлях від ідеї до опублікованого сайту. Підійде новачкам і дизайнерам, які хочуть робити сайти без коду.
$19
разово
9
відеоуроків
RU
мова навчання — російська
1,5 год
контенту
∞
безстроковий доступ
Що на тебе чекає
Спершу Figma, потім — сайт без коду.
Хочеш швидко спробувати Framer на практиці? Крок за кроком створиш свій перший сучасний сайт і зрозумієш, наскільки швидко сьогодні можна робити сайти без програмування.
- Крок 01
Намалюємо дизайн сайту у Figma
Створимо сучасний макет з Auto Layout, правильно організуємо структуру сторінки й підготуємо дизайн до перенесення у Framer.
- Крок 02
Перенесемо сайт у Framer і зверстаємо його
Розберемося з інтерфейсом Framer, автоматично перенесемо макет із Figma, зберемо сайт, налаштуємо адаптивність, додамо анімації й опублікуємо проєкт.
Результат
Після курсу у тебе буде свій сайт.
Готовий опублікований сайт — перший проєкт для портфоліо.
- 01
Навчишся створювати дизайн сайту у Figma за допомогою Auto Layout
- 02
Зрозумієш, як автоматично переносити дизайн із Figma у Framer
- 03
Розберешся, як сайти збираються й верстаються у Framer
- 04
Опануєш адаптив для комп’ютерів, планшетів і смартфонів
- 05
Додаси анімації й зробиш сайт живим
- 06
Опублікуєш готовий сайт — перший проєкт для портфоліо
Страви учнів
Що вже приготували наші учні.
Програма й ціна
8 кроків до готового сайту.
Мінімум теорії, максимум практики: кожен урок наближає до сайту, який можна одразу показати в портфоліо.
- 01
Ласкаво просимо
Чому з’явився цей практикум, як він влаштований і який результат ти отримаєш наприкінці.
- 02
Створюємо дизайн сайту у Figma
Створюємо сучасний макет сайту й знайомимося з основами підготовки дизайну.
- 03
Auto Layout у Figma
Опановуємо Auto Layout і вчимося робити макети, які легко редагувати й переносити.
- 04
Готуємо макет до перенесення
Доводимо дизайн до готовності й готуємо його до роботи у Framer.
- 05
Верстаємо перший блок у Framer
Збираємо перший блок вручну й розуміємо основні принципи роботи платформи.
- 06
Автоматичне перенесення з Figma у Framer
Переносимо макет плагіном, зберігаємо структуру проєкту й пришвидшуємо розробку.
- 07
Адаптивність
Налаштовуємо сайт для комп’ютерів, планшетів і смартфонів.
- 08
Анімація
Додаємо анімації й робимо сайт сучаснішим і приємнішим у використанні.
Калькулятор
Готовий до основної страви? Збери своє меню — знижки порахуємо самі.
Познач курси, які хочеш пройти, — підсумок і знижки з’являться праворуч.
Уже купував мої курси?Напиши мені в Telegram перед оплатою — врахую попередні покупки.
Не вдається оплатити?Напиши мені в Telegram — допоможу.
Про мене
Привіт, я Макс.
Створюю сайти й навчаю цього з 2014 року. За цей час зробив 475 сайтів для проєктів у 13 країнах — і далі займаюся реальною розробкою.
Я вчу не просто користуватися програмами. Показую, як створювати сайти цілком, використовуючи AI там, де він справді допомагає.
- 475
- створених сайтів
- 29
- курсів — від Photoshop до Claude
- 1996
- у 7 років вивчив Photoshop
Мені є що розповісти
Усе почалося з дідуся: він викладав графічні програми і в 1996 році посадив мене, семирічного, за Photoshop.
Конференції та зали на 1600 людей, камерні воркшопи з ноутбуками на колінах, сотні проєктів для реальних клієнтів.
За ці роки я навчився головного — пояснювати складні речі простими словами. Тому на моїх уроках зрозуміло з першого разу, і одразу хочеться спробувати самому.
Коли починається курс?
Усі відеоуроки в записі — дивись у зручний час. Зазвичай курс проходять за 15–20 днів.
Чи потрібно знати Figma?
Якщо ти новачок — усе потрібне з Figma пояснюється прямо в курсі.
Що краще: Framer чи Webflow?
Обидва — професійні інструменти для повноцінних сайтів, і «кращого» серед них немає. Framer ближчий до логіки Figma й дає змогу швидко зібрати та запустити сайт. Webflow дає більше контролю над структурою, класами й CMS. Вибір залежить від проєкту й від того, як тобі зручніше працювати, — спробуй обидва безкоштовно в Аперитиві.
А з появою AI багато процесів в обох інструментах можна автоматизувати: Claude підключається і до Framer, і до Webflow через MCP. Про це дуже детально розповідаю в програмі «Шеф».
Я не з України. Чи можу купити курс?
Так, звісно. Якщо виникнуть труднощі з оплатою — напиши мені в Telegram @MaksKyratov.
Чи повернуть гроші, якщо курс не сподобається?
Повернення не передбачене: після оплати одразу відкривається повний доступ до курсу. Перед покупкою переглянь програму й публічну оферту.
Щоб не помилитися, почни з безкоштовного Аперитиву.
Я взагалі не вмію робити сайти. З чого почати?
З безкоштовного Аперитиву або одного з Практикумів. Вони допоможуть познайомитися з процесом та інструментами без великої покупки.
Тут вчать робити сайти чи працювати з AI?
Насамперед — створювати сайти.
AI — один з інструментів, який допомагає пришвидшити розробку. У різних курсах ми вивчаємо окремі платформи й задачі, а в програмі «Шеф» розбираємо весь процес створення сайту під ключ.
Чи потрібно знати програмування?
Ні. Вчити код не доведеться.
На курсах ми розберемо лише основи — рівно стільки, щоб ти розумів, з чого зібраний сайт: і той, що конструюєш сам, і той, що пише за тебе AI. Не завчати, а читати й розуміти, що відбувається.
Тут більше практики чи теорії?
Практики. Я сам створюю сайти для клієнтів і в уроках показую, як працюю на реальних проєктах, — а не переказую документацію.
Чи буде підтримка?
Так — у Кухнях і в програмі «Шеф», протягом 21 дня.
Допомагаю тим, хто робить: розбираю помилки й питання щодо завдань. Не відповідаю на питання, відповідь на які вже є в уроках, і на смакові — на кшталт «який колір обрати для сайту».
В Аперитиві, Практикумах і Рецептах підтримки немає.
Чи зможу я брати замовлення після навчання?
Так — якщо не просто дивитися, а робити. Курс дає систему й навички, але результат залежить від твоєї практики.
Допомагаєте шукати клієнтів?
Ні. Я даю систему роботи над сайтами, а шукати клієнтів і домовлятися з ними — твоє завдання.
Але в програмі «Шеф» ми багато говоримо про те, як і де їх шукати, — щоб ти не залишився з навичками, але без замовлень.
Чи можна купувати курси окремо?
Так. Обирай тільки те, що тобі потрібно. А якщо береш кілька курсів, калькулятор автоматично застосує доступні знижки.
Що входить до «Усього меню»?
Три Практикуми, обидві Кухні та програма «Шеф · AI Website Creator».
$318 замість $454.
Бонусом — курси Photoshop і Spline.
Додатково — постійна знижка 20% на всі «Рецепти».
Чи є розстрочка?
Так, можна оплатити частинами від ПриватБанку — за допомогою картки ПриватБанку.
На сторінці оплати оберіть «Оплата частинами» та кількість платежів, вкажіть email і номер мобільного. Далі підтвердіть платіж на сторінці ПриватБанку — після підтвердження буде списано суму першого платежу.
Щоб оплатити всю суму одразу, натисніть «Інший спосіб оплати» → «Оплата карткою».
Я вже купував курси. Чи є знижка?
Напиши мені особисто перед оплатою. Я врахую попередні покупки й розрахую вартість індивідуально.
Я оплатив курс, але після оплати нічого не сталося. Що робити?
Не хвилюйся — платіж пройшов, і я його бачу.
Майже завжди, у 99% випадків, причина одна: під час оплати вказано неправильну пошту. Уся інструкція й доступ до курсу завжди приходять на пошту — перевір адресу, яку вводив, і папку «Спам».
Якщо листа немає — напиши мені в Telegram, розберемося.