Обзор модуля
Создание полноценных сайтов без единой строки кода. Модуль покрывает весь спектр: дизайнерские билдеры (Framer, Webflow), vibe coding платформы (Bolt, Lovable) и чёткие критерии выбора инструмента под задачу.
В финальном уроке вы создадите один лендинг тремя инструментами и увидите разницу на практике.
Уровень: Для начинающих (программирование не требуется) Время: ~3 часа Предварительные знания: Базовое понимание веб-дизайна
Чему вы научитесь
[+] Создавать AI-сайты во Framer с анимациями и кастомными секциями [+] Использовать Webflow AI Site Builder для генерации многостраничных сайтов с дизайн-системой [+] Собирать full-stack приложения в Bolt.new с хостингом на Bolt Cloud [+] Запускать MVP в Lovable с GitHub-синхронизацией и ежедневными кредитами [+] Выбирать билдер под задачу: лендинг, портфолио, SaaS, e-commerce [+] Сравнивать результаты трёх инструментов на реальном брифе
Содержание модуля
Модуль состоит из 5 уроков: 3 инструментальных, 1 аналитический и 1 практический.
Урок 1: Framer AI — сайт за 10 минут
35 мин | Открыть урок
Freeform canvas как в Figma, AI-генерация секций и страниц, анимации без кода, публикация на Framer. Из России — только через VPN.
Ключевые темы:
- AI-генерация: от промпта до опубликованного сайта
- Freeform canvas: свобода Figma + возможности билдера
- Анимации: appear, scroll, hover — без кода
- Доступ из РФ: VPN + зарубежная карта для оплаты
Урок 2: Webflow AI — профессиональный уровень
35 мин | Открыть урок
AI Site Builder генерирует дизайн-систему для всего сайта. Multi-page генерация, CMS для контента, e-commerce для магазинов. AI включён во все планы.
Ключевые темы:
- AI Site Builder: до 5 страниц за одну генерацию
- Дизайн-система: цвета, типографика, компоненты
- CMS и динамический контент
- Starter (бесплатно) vs CMS ($23/мес) vs Business ($39/мес)
Урок 3: Bolt и Lovable — vibe coding для дизайнеров
30 мин | Открыть урок
Bolt.new v2 — полная среда разработки в браузере с Bolt Cloud. Lovable — React/TypeScript с GitHub sync и 5 ежедневными кредитами. Оба работают из РФ.
Ключевые темы:
- Bolt.new: full-stack в браузере, бесплатный хостинг
- Lovable: MVP с GitHub-синхронизацией
- Когда vibe coding лучше визуального билдера
- Реальная стоимость проекта на каждой платформе
Урок 4: Какой билдер для какой задачи
25 мин | Открыть урок
Decision tree от задачи к инструменту. Ценовая матрица и доступность из России. Типичные ошибки выбора.
Ключевые темы:
- Decision tree: 6 типов задач — 4 инструмента
- Ценовая матрица: от $0 до $39/мес
- Доступность из РФ: кто работает, кто нет
- 4 ошибки, которые совершают все
Урок 5: Практика — лендинг тремя способами
40 мин | Открыть урок
Один бриф: Framer AI, Bolt, Lovable — три результата. Оценка, сравнение, итоговая рекомендация.
Ключевые темы:
- Единый бриф: лендинг для мобильного приложения
- Создание в Framer AI, Bolt и Lovable
- Оценка по 5 критериям: дизайн, скорость, кастомизация, публикация, масштабируемость
- Рекомендации по типу дизайнера
Часто задаваемые вопросы
Какой инструмент самый простой для новичка? Bolt.new — самый простой интерфейс: описал в чате, получил результат. Framer — ближе к Figma по логике. Webflow требует больше времени на освоение, но даёт максимум контроля.
Можно ли опубликовать сайт бесплатно? Да. Framer, Bolt и Lovable предлагают бесплатные планы с публикацией на поддомене. Кастомный домен — от $5-14/мес в зависимости от платформы.
Все ли инструменты доступны из России? Framer заблокирован — нужен VPN. Webflow, Bolt и Lovable работают без VPN. Для оплаты платных планов везде потребуется зарубежная карта или сервис вроде arckep.ru.