Витрина OpenDesign:
Примеры дизайна с ИИ

Как создавать примеры AI-дизайна в OpenDesign

1. Скачайте и установите OpenDesign

   Скачайте приложение для macOS или Windows, установите его и завершите настройку. Подключите используемого вами провайдера моделей; OpenDesign работает на вашем компьютере с вашими ключами.

   Скачать

2. Выберите пример, близкий к вашей идее

   Отфильтруйте примеры выше по типу результата и откройте тот, который ближе всего к вашей задумке. Изучите задание, использованную модель и описанные решения по компоновке; отметьте, что вы бы сохранили, а что изменили.

3. Сначала составьте задание, потом просите создать дизайн

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

   Пример запросаСкопировать запрос

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

4. Выберите модель или сравните две

   Выберите модель, которой доверяете в вопросах компоновки и текста. Чтобы узнать, как две модели справятся с одним заданием, выполните его в LLM Arena сначала — как в кейсах Arena на этой странице.

5. Сначала доработайте один раздел, а потом всю страницу

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

6. Экспортируйте дизайн и получите ссылку для общего доступа

   Экспортируйте готовый дизайн в HTML, затем нажмите «Поделиться» в OpenDesign, чтобы получить ссылку. Откройте её в отдельном окне браузера и убедитесь, что загружаются нужная версия и её ресурсы, прежде чем отправлять ссылку.