Урок 4: Какой билдер для какой задачи

Чему вы научитесь

• Выбирать инструмент под задачу за 30 секунд через decision tree
• Считать реальную стоимость проекта на каждой платформе
• Учитывать доступность из России при выборе
• Избегать 4 типичных ошибок

Decision tree: от задачи к инструменту

Ответьте на вопросы последовательно — получите рекомендацию:

Что вы создаёте?
│
├── Лендинг (1-3 страницы)
│   ├── Важен визуальный контроль? → Framer
│   ├── Нужен быстрый результат? → Bolt.new
│   └── Бесплатно? → Bolt.new (free) или Framer (free, VPN)
│
├── Портфолио дизайнера
│   ├── Анимации и кастомный стиль? → Framer
│   └── Блог + кейсы с CMS? → Webflow
│
├── Корпоративный сайт (5+ страниц)
│   ├── Есть 2 дня на освоение? → Webflow
│   └── Нужно за день? → Framer + AI-генерация страниц
│
├── SaaS / веб-приложение
│   ├── MVP для тестирования идеи? → Lovable
│   ├── Прототип с backend? → Bolt.new
│   └── Маркетинговый сайт для SaaS? → Webflow или Framer
│
├── Интернет-магазин
│   ├── До 100 товаров? → Webflow E-commerce
│   └── Каталог без оплаты? → Framer + CMS
│
└── Блог / медиа
    ├── Кастомный дизайн? → Webflow + CMS
    └── Быстро и просто? → Framer + CMS

Для практики используем arckep.ru — все основные модели, без VPN, оплата рублями. Вы можете использовать любые другие сервисы.

Ценовая матрица

Что можно бесплатно

Framer Free:   1 сайт на .framer.app, бейдж Framer (нужен VPN из РФ)
Webflow Free:  1 сайт на .webflow.io, 50 CMS items, 1 GB трафика
Bolt.new Free: 1M токенов/мес, хостинг на .bolt.host, неограниченные БД
Lovable Free:  5 кредитов/день (до 30/мес), только публичные проекты

Самый щедрый бесплатный план — у Bolt: миллион токенов и рабочий хостинг. Самый ограниченный — у Lovable: 30 кредитов хватит на один небольшой проект.

Минимальный платный план

Framer Basic:     $10/мес → кастомный домен, 30 страниц
Webflow Basic:    $14/мес → 10 GB, кастомный домен
Bolt.new Pro:     $25/мес → больше токенов, кастомный домен
Lovable Starter:  $20/мес → 100 кредитов + 5/день, приватные проекты

Самый дешёвый путь к сайту с кастомным доменом: Framer Basic за $10/мес. Для приложения: Lovable Starter за $20/мес. Для щедрого free tier + хостинг: Bolt.new бесплатно.

Доступность из России

Framer:          VPN обязателен. Restricted countries. Оплата: зарубежная карта
Webflow:         Работает без VPN. Оплата: зарубежная карта
Bolt.new:        Работает без VPN. Оплата: зарубежная карта
Lovable:         Работает без VPN. Оплата: зарубежная карта
Google Stitch:   VPN обязателен. Бесплатно

Для оплаты любой платформы из России нужна зарубежная карта или виртуальная международная карта. Сервис arckep.ru — рабочий вариант: без VPN, рублями, стартовый баланс 100 руб.

4 ошибки, которые совершают все

Ошибка 1: «Возьму самый мощный»

Webflow — самый функциональный инструмент из четырёх. Но для лендинга на одну страницу это как ехать на грузовике за хлебом. Вы потратите 2 дня на изучение вместо 2 часов в Framer. Мощность инструмента должна соответствовать задаче.

Ошибка 2: «Vibe coding заменит дизайнера»

Bolt и Lovable генерируют работающий код, но дизайн будет generic. shadcn/ui-компоненты узнаваемы: половина стартапов в 2026 выглядит одинаково. Для уникального визуала нужен Framer, Figma Make или ручная доработка.

Ошибка 3: «Бесплатного плана хватит навсегда»

Для тестирования — да. Для реального сайта с кастомным доменом — минимум $10-14/мес. Бейдж «Made with Framer» на коммерческом сайте выглядит непрофессионально. Закладывайте бюджет на хостинг.

Ошибка 4: «Один инструмент для всего»

Самая эффективная стратегия — знать 2-3 инструмента. Framer для визуальных сайтов + Lovable для MVP покрывают 90% задач дизайнера. Webflow добавляете, когда нужен CMS или e-commerce.

Комбинации инструментов

На реальных проектах часто используют два инструмента вместе:

Framer + Lovable: Framer для маркетингового сайта (лендинг, блог, о компании), Lovable для самого продукта (SaaS-приложение с авторизацией и логикой). Сайт привлекает пользователей, приложение их обслуживает.

Figma Make + v0: прототип в Figma Make для согласования с командой, затем экспорт через MCP в v0 для генерации рабочего кода. Дизайн утверждён — код готов за минуты.

Webflow + Bolt: Webflow для контентного сайта с CMS (блог, каталог), Bolt для интерактивных инструментов (калькулятор, конфигуратор), встроенных через iframe.

Чек-лист перед началом проекта

Ответьте на 5 вопросов — выбор инструмента станет очевидным:

1. Тип проекта: лендинг, портфолио, корпоративный сайт, SaaS, магазин?
2. Визуальный контроль: кастомный дизайн обязателен или шаблон подойдёт?
3. Динамический контент: будет ли CMS, блог, каталог, частые обновления?
4. Бюджет: бесплатно, до $15/мес, до $30/мес?
5. Кто поддерживает: дизайнер, маркетолог, разработчик?

Нет «лучшего билдера». Есть подходящий для конкретной задачи, конкретного бюджета и конкретной команды.