Тендеры и лиды
Информация
Автор: дизайнер GdeRabota.ru Анна Крылова.
ИИ уже давно перестал быть чем-то из будущего. Он пишет тексты, помогает искать идеи, собирает презентации, генерируют картинки и шаг за шагом добрался до дизайна интерфейсов.
Раньше дизайнер тратил часы на то, чтобы собрать референсы и сделать первые наброски. Чтобы кардинально сократить этот этап, команда GdeRabota.ru протестировала в реальной работе пять ИИ-инструментов:
ХостAI
Google Stitch
Figma Make
WordPress AI
CodeDesign
Требовалось спроектировать целевую страницу «Для СМИ», где журналисты и редакции могли бы:
Оставить заявку на информационное сотрудничество.
Узнать о возможностях платформы для медиа (доступ к статистике зарплат и прогнозам рынка, производственному календарю, калькулятору отпускных и конструктору резюме).
Перейти к наиболее востребованному материалу — прогнозу зарплат на будущий год.
Ознакомиться с условиями использования контента, предоставляемого платформой.
Убедиться в экспертности и надежности GdeRabota.ru благодаря публикациям других СМИ, которые уже ссылались на платформу.
Классический подход предполагал сбор референсов, ручную проработку структуры и несколько итераций согласования. Альтернативный подход — использование ИИ для мгновенной генерации стартовых макетов. И вот что из этого вышло
Конструктор сайтов на базе ИИ, который позволяет быстро собрать каркас страницы по текстовому описанию. Достаточно описать задачу живым языком — нейросеть генерирует структуру, которую затем можно дорабатывать вручную.
Плюсы:
Быстрая генерация каркаса страницы по текстовому запросу
Релевантное текстовое наполнение для страницы
Минусы:
Макеты часто выглядят шаблонно и напоминают сайты из 2020-х годов, созданные на конструкторах.
Инструмент больше подходит для быстрого прототипирования и запуска страниц, дальнейшая кастомизация, например изменение изменение ширины элемента, потребует платных токенов.
Лимиты:
На базовом бесплатном уровне можно собрать 1 проект и протестировать основные функции генерации блоков, однако дальнейшие действия и расширенная кастомизация платны. Бесплатной версии нам хватило на создание 1 страницы и внесения одного изменения.
ИИ-платформа от Google Labs для создания интерфейсов сайтов и мобильных приложений на базе модели Gemini. Инструмент превращает текстовые описания, эскизы, скриншоты и даже голосовые команды в готовые UI-макеты. Stitch позиционируется как «AI-нативный холст для дизайна» — по сути, это пространство, где можно развивать идею от концепта до рабочего прототипа.
Плюсы:
Полностью бесплатный ресурс (доступен с Google-аккаунтом)
Очень быстрая генерация — позволяет перебрать множество идей за короткое время
Поддержка разных форматов ввода: текст, изображения, эскизы, голос
Экспорт в Figma и в код упрощает интеграцию в существующие процессы
Минусы:
Нет доступа с российских IP-адресов
Лимиты:
Ежемесячно 350 генераций в стандартном режиме (Gemini 3 Flash) и около 50 генераций в экспериментальном режиме (Gemini 3.1 Pro).
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13691 тендер
проведено за восемь лет работы нашего сайта.
Встроенный непосредственно в рабочую среду Figma искусственный интеллект, который превращает текстовые описания в рабочие прототипы — с логикой, взаимодействиями и интерфейсами.
Плюсы:
Интеграция с Figma — не требуется переключаться между несколькими инструментами.
Генерация интерактивных прототипов с базовой логикой взаимодействия, а не только статичных макетов.
Возможность использовать существующие дизайн-системы и компоненты в качестве контекста для генерации.
Минусы:
Некорректная интерпретация структуры страницы или генерирация абстрактных элементов, требующих ручной доработки.
Необходимость использования подробных промптов на английском языке – запросы на русском могут интерпретироваться менее точно.
Лимиты:
Figma Make привязан к стоимости подписки самой Figma:
Professional: $16 за редактора в месяц (при оплате за год) или $20 (помесячно)
Organization: $55 за редактора в месяц
Встроенный ИИ-конструктор сайтов на платформе WordPress. Достаточно описать идею сайта — и ИИ генерирует дизайн, контент и структуру страницы за считанные секунды.
Плюсы:
Создаёт полноценный сайт на WordPress — не просто макет, а готовую к наполнению систему с административной панелью сайта
Подходит для быстрого запуска новых страниц, когда важен не столько уникальный или уже готовый дизайн, сколько скорость
Минусы:
Генерация основана на существующих шаблонах — оригинальность ограничена
Качество генерации варьируется — иногда результат требует полной переработки
Инструмент всё ещё экспериментальный, некоторые функции могут работать нестабильно
Лимиты:
Для публикации сайта требуется тарифный план WordPress (от $4 до $45 в месяц)
ИИ-генератор, который строит интерактивные макеты и позволяет сразу экспортировать их в чистый код (HTML/CSS) или использовать как продвинутый прототип.
Плюсы
Логичная структура интерфейсов, близкая к реализации на фронтенде.
Современный дизайн, подходящий для B2B-сервисов и профессиональных цифровых продуктов.
Минусы:
Необходимость полной или частичной переработки текстового наполнения и графических элементов.
Требования к пониманию принципов HTML/CSS и структуры веб-интерфейсов для эффективной работы с инструментом.
Лимиты:
Позволяет создать бесплатно до 3 сайтов и разместить их на бесплатном поддомене сервиса.
В задаче со страницей «Для СМИ» искусственный интеллект быстро предложил визуальные идеи. Это удобно, когда нужно посмотреть разные подходы к одной задаче.
Такой вариант будет полезен как отправная точка. Он позволит увидеть общую композицию страницы и понять, какие блоки нужны для дальнейшей работы.
Но после этого дизайнеру всё равно потребуется внимательно доработать макет. Нужно проверить, правильно ли выстроена иерархия, не перегружена ли страница, достаточно ли заметна форма заявки, понятно ли сформулирована ценность для СМИ, корректно ли отображаются блоки на мобильных устройствах.
Кроме того, дизайнер должен оценить, насколько макет соответствует стилю GdeRabota.ru, удобно ли его будет реализовать разработчикам и не возникает ли визуального шума из-за лишних деталей.
Искусственный интеллект может предложить основу. Но превратить эту основу в качественный продукт — задача дизайнера.
Хотите сравнить предложения искусственного интеллекта с итоговым результатом? Посмотреть финальный дизайн страницы можно в действующем разделе «Для СМИ».
