Доводка макета

Готовую раскадровку правят двумя путями: вручную на холсте и запросами к ИИ. Какой выбрать — зависит от правки: точечное смещение проще сделать мышью, перестройку экрана — запросом.

Правка на холсте

Годится там, где нужен точный контроль над раскладкой.

Щёлкните по любому элементу — он подсветится, а вокруг появятся точки. Щелчок по точке открывает выбор элемента, который встанет ровно в это место.

Элементы можно перетаскивать: выберите нужный и перенесите на новое место.

Панель свойств

Свойства выбранного элемента появляются справа: текст, типографика, отступы, выравнивание, цвета, рамки и прочее оформление. Экран при этом не пересобирается.

В отличие от правок через ИИ, результат здесь предсказуем до пикселя, поэтому панель свойств — то, чем доводят макет, когда общая раскладка уже сложилась.

Правка запросом

Подходит для перестройки: изменить структуру, раскладку, сразу несколько элементов.

1. Выберите экран на холсте или в панели Frames.
2. Опишите правку в строке запроса внизу.
3. Если результат не устроил, нажмите пересборку — получите другой вариант по той же формулировке.
4. Щелчок по виджету добавляет его в строку запроса как контекст — так правка получается точнее.

Можно выбрать страницу и попросить ИИ сделать её варианты — быстрый способ посмотреть разные направления.

Правка темы

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