Редактор карточек

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

Что можно собрать

• Карточку для маркетплейса — фото товара, заголовок, выгода, цена
• Обложку статьи или видео — 1200×628 для соцсетей, 1080×1920 для сторис
• Инфографику — схема из фигур и подписей
• Баннер для сайта или рассылки — размер задаётся вручную

Как собрать карточку

1. Выберите размер холста: пресет 1080×1080, 1200×628, 1080×1920 или свои ширину и высоту.
2. Залейте фон цветом или положите картинку.
3. Добавьте текст и фигуры, расставьте мышью. Слои липнут к направляющим, поэтому блоки выравниваются без линейки.
4. Настройте шрифт, кегль, цвет и прозрачность в панели свойств справа. Пипетка берёт цвет прямо с картинки.
5. Нажмите «Скачать PNG». Файл сохраняется в двойном разрешении: холст 1080×1080 даёт картинку 2160×2160 px.

Слои, группы и горячие клавиши

Каждый элемент — отдельный слой. В панели справа слои меняются местами, прячутся, блокируются от случайного сдвига и собираются в группы: группа двигается и масштабируется целиком.

• Ctrl + Z — шаг назад, Ctrl + Shift + Z или Ctrl + Y — вперёд
• Ctrl + D — дубль выделенного слоя
• Ctrl + Shift + G — собрать выделенное в группу
• Ctrl + S — сохранить проект

Проекты не теряются

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

Как сделать карточку читаемой

• Один смысл на карточку. Заголовок из 3–5 слов читается в ленте, из 15 — нет.
• Текст поверх фото кладите на подложку или затемнение, иначе буквы теряются на светлых участках.
• Держите отступ от края не меньше 40 px: превью обрезают края.
• Посмотрите на карточку уменьшенной. Не читается в 20 % масштаба — увеличьте кегль.

Редактор работает на компьютере: для точного перетаскивания слоёв нужна мышь.