Нулевой блок
Блок, где всё расставляете сами: тексты, фото, кнопки, фигуры — в любое место. Редактор устроен как в Figma.
- «+ Добавить блок» → «Нулевой блок» → «Редактировать блок».
- Сверху — инструменты: стрелка (выбор), T — текст, ▢ — прямоугольник, ◯ — эллипс, кнопка, фото. Выберите инструмент и нажмите на холст — или протяните рамку, чтобы сразу задать размер. На телефоне элемент появляется сразу.
- Слева — «Слои»: все элементы списком, верхний — поверх остальных. Перетаскивайте, чтобы поменять порядок; глазик скрывает элемент на компьютере или телефоне. На телефоне слои открываются кнопкой со стопкой листов слева сверху.
- Справа — «Дизайн» (на телефоне — снизу): выравнивание, X / Y / ширина / высота, прозрачность, скругление, порядок слоёв, заливка с кодом цвета, текст и шрифт, обводка фигур, куда ведёт кнопка.
- Двигайте элемент мышкой или пальцем — он «прилипает» к краям и центрам блока и других элементов (розовые линии). Восемь квадратиков по краям меняют размер, с Shift — с сохранением пропорций. Оранжевая полоска внизу — высота блока.
- Форма фигуры — справа в разделе «Форма»: прямоугольник, квадрат, скруглённый, эллипс, круг, треугольник (конус), ромб.
- Сетка — кнопка с колонками справа вверху или Shift+G. Колонки (сколько, отступ между ними, поля по краям — отдельно для ПК и телефона) или клетка нужного размера. Элементы прилипают к сетке. На сайте её не видно.
- Дважды щёлкните по тексту или кнопке — и пишите прямо на холсте. Esc — готово.
- Два макета. «ПК» и «Телефон» — отдельные расстановки. Макет для телефона собирается сам из макета ПК, дальше его можно подправить.
- Масштаб — справа сверху или Ctrl + колесо мыши. Ошиблись — «↶» или Ctrl+Z. Закончили — «‹ Готово».
- Клавиши: V выбор, T текст, R прямоугольник, O эллипс, B кнопка, P фото, Ctrl+D копия, Del удалить, стрелки — сдвиг на 1 px (с Shift — на 10).