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

особистий кабінет

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

( F )

Все пояснено людською мовою, крок за кроком. Framer схожий на Figma, тільки з кнопкою «опублікувати». Мінімум кліків — максимум результату

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

( F )

Все пояснено людською мовою, крок за кроком. Framer схожий на Figma, тільки з кнопкою «опублікувати». Мінімум кліків — максимум результату.

Після оплати вас буде перенаправлено до особистого кабінету, де будуть чекати відео-уроки. З'явилися проблеми з оплатою? Пишіть особисто, і ми вам допоможемо.@MaksKyratov

4133грн

6215грн

Ціна курса

Купити курс

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

Framer МаксКуратов

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

Доступ до групи, де ви завжди зможете отримати допомогу від одногрупників

Знижка 20% на курс «Кухня Webflow»

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

385 хвилин відео

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

4133грн

6215грн

Ціна курсу

Купить курс

Після оплати вас буде перенаправлено до особистого кабінету, де будуть чекати відео-уроки. З'явилися проблеми з оплатою? Пишіть особисто, і ми вам допоможемо.@MaksKyratov

Часті запитання про цей курс:

Коли починається курс?

Усі відеоуроки вже в записі. Ви зможете переглядати їх у зручний для вас час. Орієнтовна тривалість проходження курсу — 15–20 днів

Я не з України. Чи можу я купити ваш курс?

Так, звичайно, можете. Якщо у вас виникли складнощі з оплатою — напишіть мені в Telegram: @MaksKyratov

Чи повернуть мені гроші, якщо курс не сподобається?

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

Що краще: Framer чи Webflow?

Якщо ти дизайнер і хочеш швидко запускати сайти без коду — Framer твій вибір. Простий інтерфейс, логіка як у Figma, анімації, адаптив і публікація — за кілька кліків.
Framer ідеальний для тих, хто хоче робити красиво і швидко, не влізаючи в технічні нетрі.Webflow потужніший, але складніший. Він більше підходить тим, хто вже має досвід або працює в парі з розробником

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

Так, після успішного завершення курсу ви отримаєте офіційний сертифікат, який підтверджує проходження навчання

Я оплатив курс, але нічого не сталося

Таке іноді трапляється, хоч і рідко. Не хвилюйтеся — платіж пройшов успішно, і я це бачу. Напишіть мені в Telegram @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.2 год | 13 відео

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

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

Детальніше

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

39$ | 1.8 год | 20 інструментів

Spline Mini

Детальніше

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