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

# Визуальный редактор

> Точечные правки мышкой: размер шрифта, цвет, скругление. Быстрее и дешевле чем через чат.

Если правка точечная (изменить размер шрифта, скруглить кнопку, поменять цвет одного элемента), быстрее использовать визуальный редактор, чем описывать словами.

## Как открыть

В шапке билдера нажмите кнопку «Редактор» (иконка курсора). Превью переключается в режим выбора, можно кликать по любому элементу.

## Правка одного элемента

<Steps>
  <Step title="Кликните по элементу">
    Появится рамка вокруг выбранного элемента.
  </Step>

  <Step title="Откроется панель редактирования">
    Размер, шрифт, цвет, скругление, отступы, всё в одном месте.
  </Step>

  <Step title="Меняйте параметры">
    Изменения видно сразу в превью.
  </Step>

  <Step title="Сохраните">
    Когда довольны результатом, нажмите «Сохранить правки».
  </Step>
</Steps>

## Режим комментариев

Альтернативный сценарий: выделите элемент, добавьте комментарий («сделай эту карточку светлее, увеличь шрифт заголовка»). Можно собрать сразу несколько правок в очередь и отправить одной партией, AI применит всё вместе.

<Tip>
  Удобно когда вы видите 5 проблем сразу: не нужно делать 5 отдельных правок и платить XP за каждую.
</Tip>

## Безопасно для остального дизайна

<Note>
  Правки через визуальный редактор затрагивают только тот конкретный элемент, который вы выделили. Остальные части сайта (тема, шрифты, другие секции) остаются без изменений. Риск что-то случайно сломать минимальный.
</Note>

## Когда использовать что

| Ситуация                                | Лучше использовать  |
| --------------------------------------- | ------------------- |
| Поменять размер шрифта одного заголовка | Визуальный редактор |
| Перекрасить одну кнопку                 | Визуальный редактор |
| Заменить телефон на сайте               | Чат                 |
| Добавить новую секцию                   | Чат                 |
| Сменить тему сайта на тёмную            | Чат                 |
| Поменять отступы карточки               | Визуальный редактор |

## Что дальше

<CardGroup cols={2}>
  <Card title="Правки через чат" icon="comments" href="/ru/editing/chat-edits">
    Когда нужно описать правку словами.
  </Card>

  <Card title="История версий" icon="clock-rotate-left" href="/ru/editing/history">
    Откат если что-то пошло не так.
  </Card>
</CardGroup>