Relume: текстовые описания помогают искусственному интеллекту создавать карты сайта и прототипы электронных схем

Общее введение

Relume - это конструктор сайтов на основе искусственного интеллекта, призванный помочь дизайнерам и разработчикам быстро создавать красивые, отзывчивые сайты. Используя более 1 000 готовых компонентов, Relume позволяет пользователям легко генерировать карты сайта и схемы в Figma и Webflow. Платформа не только повышает производительность, но и упрощает совместную работу и управление проектами.

Список функций

• Сгенерированный искусственным интеллектом Sitemap: Быстро создайте полную карту сайта, просто описав информацию о вашей компании.
• Генерация каркаса: Преобразуйте карты сайта в схемы с реальными компонентами и копиями в один клик.
• библиотека компонентов: Предоставляет более 1000 компонентов Figma и Webflow с поддержкой мобильных вариантов.
• Межкомандное сотрудничество: Поддерживает обмен проектами и комментирование, упрощая общение команды и процесс утверждения проекта.
• функция экспорта: Компоненты и страницы могут быть скопированы непосредственно для использования в Figma или Webflow.
• Копирайтинг с использованием искусственного интеллекта: Автоматическое создание копий в диаграммах проволочных каркасов, поддержка многоязычного перевода.
• управление проектами: Сократите разрастание объема проекта, управляя разделами сайта с помощью продуманных меток и цветов.

Использование помощи

пользоваться

1. Регистрация и входПосетите веб-сайт Relume (https://www.relume.io/) и нажмите на кнопку "Начать бесплатно", чтобы зарегистрировать новую учетную запись или войти в существующую.
2. Создать проектПосле входа в систему нажмите кнопку "Создать новый проект" и введите название проекта и основную информацию.
3. Создать файл Sitemap::
   • На странице проекта нажмите кнопку "Сгенерировать Sitemap".
   • Введите краткое описание вашей компании или проекта, и AI автоматически сгенерирует карту сайта.
   • Разделы можно перетаскивать, добавлять, редактировать или удалять до тех пор, пока они не будут удовлетворены.
4. Создайте электронные схемы::
   • На странице "Карта сайта" нажмите кнопку "Сгенерировать схемы".
   • ИИ автоматически преобразует карту сайта в каркасную схему с реальными компонентами и копиями.
   • Изменения и корректировки можно выполнять с помощью компонентов из библиотеки компонентов.
5. Экспорт в Figma или Webflow::
   • На странице проволочного каркаса нажмите кнопку "Экспорт".
   • Выберите Export to Figma или Webflow, скопируйте сгенерированный код и вставьте его в соответствующий инструмент.
6. Межкомандное сотрудничество::
   • На странице проекта нажмите кнопку "Поделиться проектом", чтобы создать ссылку для общего доступа.
   • Члены команды могут получить доступ к проекту по ссылкам для комментирования и совместной работы.
7. управление проектами::
   • Используйте "умные" теги и цвета для управления разделами сайта, чтобы обеспечить порядок в проектах.
   • Регулярно обновляйте библиотеки компонентов и руководства по стилю, чтобы проекты оставались последовательными и актуальными.

Подробная процедура работы

1. Создание и редактирование компонентов::
   • Выберите нужный компонент в библиотеке компонентов и перетащите его на каркасную схему.
   • Двойной щелчок на компоненте позволяет изменить его копию, стиль и расположение.
   • Автоматическое создание многоязычных копий с помощью искусственного интеллекта.
2. Управление масштабами проекта::
   • Используйте смарт-метки для маркировки глобальных секций или определенных цветов, чтобы упростить управление и идентификацию.
   • Регулярно пересматривайте и обновляйте карты и схемы сайта, чтобы не допустить расширения границ проекта.
3. Экспорт и интеграция::
   • Убедитесь, что все компоненты и страницы отредактированы, и нажмите кнопку "Экспорт".
   • Выберите формат экспорта (Figma или Webflow), скопируйте сгенерированный код и вставьте его в соответствующий инструмент.
   • Окончательная корректировка и публикация в Figma или Webflow.

Выполнив эти действия, пользователи смогут быстро приступить к работе с Relume, создавая высококачественные проекты сайтов, которые повышают производительность и улучшают работу команды.