> ## Documentation Index
> Fetch the complete documentation index at: https://poehali.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Создание по изображению

> Генерация сайтов на основе загруженных изображений

## Создание сайта на основе изображения

Создание интерфейса на основе изображения особенно полезно при наличии готового дизайн-макета или эскиза. Этот метод позволяет быстро превратить визуальную концепцию в рабочий сайт.

<Steps>
  <Step title="Подготовьте изображение">
    Убедитесь, что ваше изображение имеет хорошее качество и четко показывает структуру интерфейса.

    <Note>
      **Подходящие типы изображений:**

      * Скриншоты существующих сайтов
      * Дизайн-макеты из Figma, Photoshop, Sketch
      * Рукописные эскизы (достаточно четкие)
      * Сгенерированные AI-изображения интерфейсов
    </Note>
  </Step>

  <Step title="Загрузите изображение">
    Нажмите на иконку загрузки в поле чата и выберите подготовленное изображение.
  </Step>

  <Step title="Добавьте пояснения">
    Дополните загруженное изображение текстовым описанием, уточняющим ваши требования.

    <Tip>
      **Примеры пояснений:**

      * Создай сайт по этому макету, но с другой цветовой схемой
      * Воспроизведи этот интерфейс, добавив раздел для отзывов клиентов
      * Реализуй дизайн по этому эскизу, адаптируя его для мобильных устройств
    </Tip>
  </Step>

  <Step title="Доработайте результат">
    После создания первой версии интерфейса запросите необходимые корректировки.

    <Tip>
      **Примеры запросов на доработку:**

      * Измени шрифт на более современный
      * Добавь анимацию при наведении на кнопки
      * Сделай карточки товаров более выразительными
      * Добавь форму поиска в шапку сайта
    </Tip>
  </Step>
</Steps>

## Советы

* **Используйте чёткие изображения** — размытые картинки затрудняют распознавание

* **Выбирайте контрастные изображения** — это помогает точнее определить границы элементов

* **Рисуйте чёрной ручкой на белой бумаге** — так эскизы будут хорошо видны

* **Подписывайте блоки и элементы** — это помогает понять, что вы хотите получить

<Note>
  Система лучше всего работает с чёткими изображениями профессиональных макетов. Рукописные эскизы могут требовать более подробных текстовых пояснений и последующих корректировок.
</Note>