Relume AI

Что такое Relume AI

Relume AI – сервис, который помогает создавать структуру, вайрфреймы и макет маркетингового сайта по текстовому брифу. Пользователь описывает проект, после чего сервис предлагает карту сайта и экраны будущих страниц. Готовый результат затем можно подготовить к экспорту в Figma, Webflow или React.

Главная идея Relume AI – сократить путь от описания бизнеса или продукта до черновика сайта с ясной логикой страниц. Сервис берёт на себя стартовую часть работы: продумывает разделы, собирает вайрфреймы, формирует маркетинговый сайт.

Relume AI может пригодиться специалистам, которые проектируют маркетинговые сайты: веб-дизайнерам, создателям сайтов в Webflow и разработчикам, работающим с React. Сервис также может помочь тем, кому нужно быстро обсудить структуру сайта с клиентом либо собрать первую версию концепции до детальной проработки дизайна.

Сервис рассчитан именно на сайты для продвижения услуг, компаний и продуктов, а не на произвольные интерфейсы. Например, сайты для сантехнической компании, архитектурного бюро, юридической фирмы и спортивного клуба. Для каждого проекта задаются аудитория, цель сайта, тон общения, визуальные ориентиры и перечень страниц.

Внутри AI-редактора доступна полная библиотека Relume, а для React есть более 1 000 готовых компонентов. Это удобно в ситуации, когда после генерации структуры нужно продолжить работу в том же инструменте, а не собирать всё заново в другом редакторе.

Ключевые возможности Relume AI

Создание сайта по текстовому брифу

Работа в Relume AI начинается с брифа: пользователь описывает будущий проект, а сервис использует описание для создания сайта. Бриф включает не только название бизнеса, но и целевую аудиторию, цель конверсии, факты для повышения доверия, стиль текста, цвета и список разделов. Такой формат помогает собрать разрозненные вводные в более цельный план сайта.

Это снимает проблему первого шага – когда нужно быстро разобраться, какие страницы и сообщения понадобятся проекту. Вместо чистого холста пользователь получает исходную версию, которую уже можно оценивать и менять. Например, в брифе для юридической фирмы указаны фиксированная стоимость первой консультации, онлайн-бронирование, а также страницы с услугами, ценами, командой и записью.

Генерация карты сайта

Relume AI создаёт sitemap – карту сайта с набором страниц. Она нужна, чтобы определить информационную архитектуру ещё до перехода к визуальной части. Особенно это полезно для маркетинговых сайтов, где посетителя важно провести от первого знакомства с компанией к заявке, звонку или покупке.

На практике карта сайта может состоять из главной страницы, услуг, кейсов, информации о компании, цен и контактов. Например, для архитектурной практики включают страницы Home, Projects, Process, Fees, Studio и Contact, а в структуру спортивного клуба входят Memberships, Facilities, Coaching, Timetable и Join.

Карту сайта можно взять за основу для разговора с заказчиком или командой ещё до подготовки финальных текстов и дизайна.

Создание вайрфреймов страниц

После карты сайта, Relume AI создаёт wireframes, то есть схематичные макеты страниц. Вайрфрейм позволяет увидеть порядок блоков и будущую композицию экрана до детальной работы со шрифтами, фотографиями и финальным оформлением. Это уменьшает риск потратить время на визуальный дизайн страницы, чья структура ещё не согласована.

Например, для сайта сантехнической компании можно сперва собрать экран с понятным призывом позвонить при срочных работах, а затем разместить цены, отзывы, описание услуг и форму для остальных обращений. Такие вводные прямо встречаются в демонстрационном брифе Bellwood Plumbing & Gas. Пользователь может проверить, хватает ли странице доказательств доверия и достаточно ли заметно целевое действие.

Работа с библиотекой Relume в AI-редакторе

В AI-редактор Relume встроена полная библиотека Relume. Библиотечные элементы можно использовать прямо во время работы над сгенерированным сайтом. Подход может быть удобным, если после автоматической сборки страницы нужно доработать её готовыми блоками.

Практически это выглядит так: пользователь получает из брифа структуру и вайрфреймы, затем продолжает собирать страницы с элементами библиотеки внутри того же редактора. Это позволяет не останавливаться на первом варианте, который создал ИИ.

У Relume есть более 1 000 React-компонентов, готовых к использованию. Это относится к React-направлению сервиса и может быть интересно разработчикам, которым нужны готовые компоненты для сайта.

Экспорт в Figma, Webflow и React

Relume AI имеет возможность экспортировать результат в Figma, Webflow или React. Можно начать с брифа и вайрфреймов в Relume, а затем перенести проект в привычную среду дизайна, визуальной разработки либо программирования. Для тех, кому недостаточно оставить макет внутри одного сервиса, это важная функция.

Например, дизайнер может продолжить работу над проектом в Figma, специалист по Webflow – перенести сайт в Webflow, а разработчик – использовать направление React.

Условия использования Relume AI

Relume предлагает бесплатный тариф Free без привязки банковской карты. Платный тариф Starter доступен по цене от $18 в месяц, подписку можно отменить в любое время.

Для Starter тарифов предусмотрен 7-дневный бесплатный пробный период.

В последний день пробного периода Starter сервис уведомляет о его завершении: пользователь может перейти на платную подписку или понизить тариф до Free. При переходе на Free доступ к компонентам ограничивается 30 компонентами бесплатного плана.

Хостинг Launch доступен от $12 за проект в месяц. На Free-плане предусмотрены бесплатный хостинг, поддомен relume.live, до 1 500 просмотров страниц в месяц и до 20 отправок форм в месяц.