Руководства

Pixso: Использование собственных дизайн-систем с ИИ

Pixso: Использование собственных дизайн-систем с помощью ИИ

Какие дизайн-стандарты можно передать ИИ?

Чтобы использовать библиотеку ресурсов в работе с ИИ, необходимо активировать опцию [Разрешить использование ИИ] для опубликованных библиотек.

Способ настройки №1

Вкладка «Ресурсы» на главной странице команды (требуются права на редактирование файла библиотеки).

Способ настройки №1 в Pixso

Способ настройки №2

Нижний левый угол окна управления библиотекой (внутри дизайн-файла, требуются права на редактирование библиотеки).

Способ настройки №2 в Pixso

Способ настройки №3

Панель администратора — Управление ресурсами (для администраторов корпоративной версии).

Способ настройки №3 в Pixso

Процесс работы с пользовательской дизайн-системой

1. Выбор целевой дизайн-системы

Откройте панель Pixso AI в дизайн-файле. В выпадающем списке выберите [Пользовательская дизайн-система], затем выберите библиотеку, для которой разрешено использование ИИ. Введите промпт, чтобы создать дизайн в стиле выбранной библиотеки компонентов.

1. Выбор целевой дизайн-системы в Pixso

1. Выбор целевой дизайн-системы в Pixso

2. Составление промпта

Рекомендации по написанию запросов:

  • Соблюдайте контекст: Промпт должен соответствовать стилистике и назначению выбранной библиотеки. Это напрямую влияет на качество генерации.
  • Избегайте противоречий: Если описание в промпте идет вразрез с логикой библиотеки, качество макета и точность использования компонентов снизятся.
  • Гибкость системы: Если в вашей библиотеке отсутствуют нужные модули, ИИ сгенерирует их на основе общей семантики стиля, не пытаясь принудительно вставить неподходящие компоненты.

Типичные конфликты (чего избегать):

  • Конфликт стилей: Выбрана светлая библиотека для B2B-интерфейсов, а в промпте указана «темная тема для финтеха».
  • Конфликт сценариев: Библиотека предназначена для дашбордов, а промпт описывает «экран входа в мобильное мини-приложение».
  • Конфликт структуры: В библиотеке есть только формы, а запрос требует «карточки товаров для маркетплейса».
  • Конфликт брендинга: Запрос требует сложной брендированной графики, которой нет в исходной библиотеке компонентов.