Руководства

Создание дизайна с Pixso AI

Опишите нужную страницу в Pixso AI, чтобы получить редактируемый макет. Укажите содержимое, структуру и визуальный стиль, а затем продолжите работу с результатом на холсте. Так можно исследовать новую идею интерфейса или подготовить основу страницы.

Откройте режим создания дизайна

  1. Откройте файл дизайна Pixso.
  2. Нажмите AI вверху левой боковой панели, чтобы открыть диалог с AI.
  3. Переключите диалог в режим создания дизайна.
  4. Опишите нужный макет и отправьте запрос.

Например: «Создай панель управления проектом для компьютера: слева — навигация, в основной области — сводка по проекту, три карточки прогресса и таблица задач. Используй светлый фон, синие акценты и чёткую иерархию заголовков». Укажите важные для проекта детали вместо общего запроса «сделай дашборд».

Выберите модель

Перед отправкой запроса выберите одну из доступных моделей в списке моделей на панели AI.

Выберите дизайн-систему

Дизайн-система задаёт для AI визуальные правила: цвета, типографику, компоненты и схемы компоновки. Выберите подходящий для задачи вариант:

  • Intelligent: AI подбирает визуальное направление по вашему описанию и сценарию использования. Этот вариант удобен для поиска идей.
  • General: выберите встроенную дизайн-систему, чтобы сразу задать единообразную основу макета.
  • Custom: используйте опубликованную библиотеку компонентов вашей команды и её правила оформления.

Для собственной библиотеки сначала разрешите доступ AI к ней. Способы подключения и необходимые права описаны в руководстве «Использование собственных дизайн-систем с AI».

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

Используйте навык

Навык — это набор инструкций для определённого типа дизайнерских задач, который можно применять повторно. Он может включать правила оформления, порядок работы и знания предметной области. Выберите навык под нужную задачу: например, организацию структуры страницы или доработку содержания и визуального стиля.

В запросе всё равно нужно описать желаемый результат. Навык задаёт подход к работе, но не заменяет требования к странице.

Добавьте изображение-референс

Загрузите референс, если нужную компоновку или стиль проще показать, чем описать. AI может использовать расположение элементов, цвета, типографику и оформление изображения как ориентир для нового макета.

  1. Подберите чёткое изображение, связанное с создаваемой страницей.
  2. Прикрепите его к запросу AI.
  3. Уточните, какие особенности взять за основу: например, структуру карточек, палитру или отступы.
  4. Опишите содержимое и функции своей страницы, затем отправьте запрос.

Например: «Используй это изображение как ориентир для боковой панели и отступов между карточками. Сохрани содержание панели управления проектом из моего описания; не копируй текст и значки референса».

Референс направляет работу над дизайном, но не обеспечивает точного воспроизведения изображения. Мелкий текст, значки и сложные детали могут отличаться. Большие изображения могут сжиматься, поэтому выбирайте чёткий референс с нужной областью.

Доработайте результат

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

Если запрос завершился ошибкой или диалог прервался, сохраните идентификатор сеанса и описание произошедшего для обращения в поддержку Pixso.