MotionSites.ai: что это и стоит ли платить в 2026

Опубликовано 21.09.20268 мин чтенияБазовый
Архитектор в футуристичной студии проектирует сайты через голограммы, рядом робот-помощник.
Что узнаешь
  • Что такое MotionSites.ai и почему это не конструктор сайтов
  • Как собрать страницу с его промптом и Claude Code или Lovable по шагам
  • Цены на 21 сентября 2026 и что открыто бесплатно
  • Три ограничения, которые стоит знать до оплаты, и бесплатные альтернативы
Базовый
7просмотров

В соцсетях MotionSites.ai подают как способ «собрать сайт за 10 минут без единой строки кода». Это не конструктор сайтов, а библиотека готовых промптов: ты копируешь текст, вставляешь его в ИИ-агента - Claude Code, Cursor, Lovable, Bolt, v0 или Replit, - и код страницы пишет агент. Цены и состав тарифов сверены с официальным сайтом 21 сентября 2026. Платный аккаунт для этого разбора я не покупал: разбор основан на открытых страницах сервиса и независимых обзорах, которые указаны ниже.

В Telegram-канале - что нового в вайб-кодинге: инструменты, находки, ошибки.

Что такое MotionSites.ai

Открываешь motionsites.ai и видишь сетку готовых дизайнов: SaaS, агентства, портфолио, финтех, магазины. У каждой карточки - живое превью, которое показывает, как страница движется при прокрутке, и кнопка копирования промпта. Промпт - это подробная текстовая инструкция для агента: структура секций, анимации, цвета, шрифты, поведение при прокрутке.

На этом работа сервиса заканчивается. Он не собирает страницу сам, не даёт редактор, не публикует сайт и не хранит его у себя. Сайт появляется в твоём проекте, когда агент по этому промпту напишет код. На странице цен сервис перечисляет, куда вставлять промпты: Lovable, Cursor, Bolt, Claude, v0, Replit.

По данным самого сервиса, в библиотеке больше 500 промптов, новые добавляются регулярно. Кроме промптов есть раздел с анимированными фонами, шаблоны для Lovable и свой MCP-сервер для подключения библиотеки к агенту - про него ниже. Ещё на сайте продвигают платный партнёрский проект про дизайн: его предложения в расчёт не беру, это отдельный продукт.

MotionSites можно сравнить с меню с фотографиями блюд. По фотографии и рецепту готовить всё равно твоему агенту, и результат зависит от него не меньше, чем от рецепта.

Как собрать страницу с промптом от MotionSites

Порядок действий:

  1. Выбери дизайн в каталоге и посмотри превью целиком, включая прокрутку до конца. Оценивай не только первый экран: длинные сценарии прокрутки агент обычно воспроизводит с пропусками.
  2. Скопируй промпт кнопкой на карточке.
  3. Открой свой агент (Claude Code, Cursor, Lovable, Bolt) и вставь промпт вместе со своим контекстом: что за проект, какой текст и какие секции нужны тебе, на чём собран сайт. Без твоего контекста агент соберёт «сайт вообще» вместо твоего.
  4. Проверь результат локально: открой страницу на компьютере и на телефоне, прокрути до конца, сравни с превью из каталога. Если агент пропустил или упростил анимации, попроси добавить или доработать их отдельным сообщением.
  5. Только после проверки публикуй - например, на Vercel или Netlify, у обоих есть бесплатный тариф для личных проектов.

Второй путь - MCP-сервер MotionSites, он работает с Claude Code, Cursor и Codex. На странице motionsites.ai/mcp выбираешь свой инструмент и получаешь команду для него. Для Claude Code команда выглядит так (с той же официальной страницы):

bash
claude mcp add motionsites --scope user --transport http https://xgdzyqfalbibzelpdpvr.supabase.co/functions/v1/mcp

После команды откроется браузер для входа в аккаунт MotionSites и подтверждения доступа. Проверить подключение можно списком серверов: в Claude Code это claude mcp list, сервер motionsites должен там появиться. Если вход не запросился или сервера в списке нет, повтори команду и прочитай ответ терминала. Дальше агент получает промпты из библиотеки по запросу в чате - без ручного копирования с сайта. Ограничение то же, что у тарифов: бесплатный аккаунт открывает 3 промпта, платный - всю библиотеку. Если работаешь в Claude Code, установка самого агента разобрана в гайде как установить Claude Code.

Готовый промпт подходит, когда твоя задача близка к той, под которую его писали. На практикуме собираем свою систему - связку ИИ-клон + Второй мозг + Контекст-инжиниринг, где твои инструкции, твой стиль и структура проекта записаны один раз, чтобы не объяснять их агенту заново в каждой новой задаче.

Практикум по вайб-кодингу
+Твой второй мозг
3 вечера - инструменты, метод, первый проект
Старт 22–24 сентября  ·  2 000 ₽
Записаться →

Бесплатный доступ и платные тарифы

ТарифЦенаЧто входит
Бесплатный аккаунт$0Просмотр каталога, 3 промпта
3 месяца$129Копирование до 3 промптов в день, фоны, шаблоны Lovable, MCP, сообщество
Год$279Без ограничений на копирование, всё из предыдущего тарифа
Пожизненный$399 (зачёркнуто $759)То же навсегда, плюс обновления и ранний доступ к новинкам
Пакет промптов$49От 2 до 10 промптов разово, без подписки

Сторонние обзоры июля 2026 называют другие цифры - 149 или 249 долларов в год, 239-359 за пожизненный доступ. Эти цены устарели, ориентируйся на страницу цен в день покупки.

На странице цен стоит таймер обратного отсчёта «распродажи первых участников». Июльские обзоры фиксировали такой же таймер, а цена с тех пор выросла - поэтому решение лучше принимать без оглядки на отсчёт. При оценке покупки учитывай указанные 399 долларов, а не зачёркнутые 759.

Как устроена оплата зарубежных сервисов из России и почему карта может не проходить, я разбирал отдельно: чем оплатить инструменты для вайб-кодинга из России.

Три ограничения, которые стоит знать до оплаты

Превью не равно результату. Промпт - текстовая инструкция; готового кода в нём нет. Генеративная модель по одному и тому же тексту выдаёт разные варианты. В независимом обзоре qvib.pro за июль 2026 описывают потерю части анимаций и деталей в первой попытке и от 3 до 10 итераций на секцию, пока результат приблизится к превью. Это наблюдения автора обзора, не наш замер. Различия между генерациями - общее свойство генеративных моделей, а не специфический недостаток MotionSites, но время на доработку нужно учитывать: «скопировал - вставил - готово» обычно не получается. Проверять итог всё равно тебе - в этом помогает гайд как проверить код от ИИ, если не умеешь читать код.

Привязка к React. Промпты рассчитаны на связку React + Tailwind, на которой работают Lovable, Bolt и v0. Если твой сайт собран иначе - на обычном HTML, Vue или Svelte, - результат по отзывам практиков обычно слабее, и проще взять библиотеку компонентов под свой стек.

Маркетинг с давлением. Таймер на странице цен, обещание в рекламе партнёрского продукта на самом сайте о создании «сайтов, за которые агентства берут 5000 долларов» (перевод с английского), допродажи партнёрских продуктов - всё это стандартная упаковка инфопродукта. Сама библиотека от этого хуже не становится, но решение о покупке принимай по содержимому бесплатной части, таймер в расчёт не бери.

Бесплатные альтернативы MotionSites

  • Magic UI - больше 150 бесплатных открытых анимированных компонентов на React и Tailwind: сетки, бегущие строки, анимированные числа, эффекты появления. Копируешь готовый код или ставишь через командную строку.
  • Aceternity UI - похожая библиотека эффектных компонентов; значительная часть бесплатна, есть платные блоки.
  • Motion Primitives - небольшой бесплатный набор анимационных примитивов.
  • 21st.dev - каталог, где собраны все перечисленные библиотеки с живым превью каждого компонента: удобно сравнивать и забирать код в одном месте.

Для одного эффектного экрана бесплатных библиотек обычно достаточно. Преимущество MotionSites - целые страницы и сценарии прокрутки в едином дизайне; библиотеки предлагают отдельные элементы. Если сайт выходит «ИИшным» и на готовых компонентах, причина обычно не в инструменте - разбор этого есть в гайде почему сайт в Claude Code выходит ИИшным.

Кому стоит платить за MotionSites

Подходит, если ты:

  • собираешь посадочные страницы регулярно - себе или заказчикам - и каждый раз теряешь время на «придумать, как это должно выглядеть»;
  • работаешь в Lovable, Bolt, Cursor или Claude Code на React-стеке;
  • готов несколько раз дорабатывать результат и проверять его глазами.

Скорее всего, не подходит, если:

  • нужен один сайт один раз - начни с 3 бесплатных промптов или Magic UI;
  • сайт не на React - промпты по отзывам дают заметно более слабый результат;
  • ждёшь «вставил промпт - получил сайт как на превью» - генеративные инструменты не гарантируют такого совпадения, а полный доступ стоит от 129 долларов.

Если сомневаешься, порядок такой: сначала бесплатный аккаунт и 3 промпта на реальной задаче, потом разовый пакет за 49 долларов, если библиотека ускоряет работу, и только потом, если пользуешься постоянно, тариф на более долгий срок.

Источники

Полная схема вайб-кодинга за три вечера: ИИ-клон + Второй мозг + Контекст-инжиниринг. Записи эфиров в личном кабинете, доступ 30 дней.

Практикум по вайб-кодингу
+Твой второй мозг
3 вечера - инструменты, метод, первый проект
Старт 22–24 сентября  ·  2 000 ₽
Записаться →

Новые материалы - дайджестом, без спама

Гайды выходят регулярно. Подпишись, чтобы не пропускать: пришлю подборку в Telegram или на email. Раз в неделю или каждый день - выбираешь сам.

Была инструкция полезна?
Артемий Миллер
Автор
Артемий Миллер
Предприниматель и вайб-кодер

Артемий Миллер - предприниматель и вайб-кодер. Бывший программист, собирает продукты исключительно вместе с ИИ-агентами, без найма разработчиков.

Связанные термины