CodeKitHubЧто это за инструмент?
Кастомный генератор переписки — это инструмент для создания макетов в браузере, который позволяет сделать скриншот чата, не привязанный к брендингу какой-то одной реальной платформы. Вместо фиксированного фирменного цвета вы получаете выбор цвета для пузыря «отправлено» и отдельно для пузыря «получено», так что можно подстроиться под вымышленное приложение, гипотетическую концепцию интерфейса или просто цвета, которые подходят вашему мему или презентации.
Это полезно, когда вам нужен макет чата для истории, вайрфрейма или шутки о выдуманном приложении, и вы не хотите, чтобы узнаваемый брендинг конкретного реального мессенджера отвлекал от сути.
Только для развлечения и дизайна: этот инструмент создан для шуток, мемов, скетчей, слайдов презентаций, прототипов UI/UX и контента для соцсетей. Его нельзя использовать для фабрикации мошеннических доказательств, преследования или клеветы на кого-либо, а также для выдачи себя за реального человека путём подделки его настоящих сообщений — в зависимости от юрисдикции это может быть незаконно и полностью противоречит назначению этого инструмента.
Всё, что вы вводите, никогда не покидает ваше устройство — вся переписка отрисовывается с помощью HTML Canvas API прямо в браузере, а PNG создаётся и скачивается локально. Никакой отправки на сервер, никакой регистрации, никакого отслеживания содержимого ваших сообщений.
Зачем его использовать?
- Вы пишете сценарий про приложение, которого не существует, и обычный генератор WhatsApp или Telegram сразу выдаёт себя чужим фирменным зелёным или синим — здесь можно задать любые два цвета пузырей и получить нейтральный макет.
- Готовите слайд презентации с концепцией нового мессенджера для инвесторов или заказчика — цвета пузырей можно подобрать точно под палитру бренда, а не подстраивать питч под чужой дизайн.
- Делаете мем или шутку для соцсетей и не хотите, чтобы узнаваемый зелёный WhatsApp или синий Messenger отвлекал от самой шутки — нейтральный макет держит фокус на тексте.
- Прототипируете экран чата для UI/UX-макета в Figma или на защите проекта — можно быстро перебрать несколько цветовых сочетаний пузырей, не рисуя их вручную.
- Переписка содержит имена, шутки или сюжетные детали, которые вы не хотите нигде публиковать заранее — всё рисуется на canvas в браузере, PNG скачивается напрямую, без загрузки текста на сервер.
Как использовать
- Задайте имя контакта, текст статуса и выберите тёмную или светлую тему для остального интерфейса.
- Выберите цвет пузыря отправленных и цвет пузыря полученных сообщений с помощью двух палитр.
- Загрузите фото для аватара или оставьте цветной круг с инициалами.
- Добавьте строки сообщений: введите текст, выберите сторону (собеседник/я) и время.
- Настройте строку состояния (время, заряд батареи, сигнал) по своему вкусу.
- Наблюдайте, как превью в форме телефона обновляется в реальном времени, а затем нажмите «Скачать PNG», чтобы сохранить изображение.
Пример
Ввод
Контакт: «Алекс» · Пузырь отправленных: фиолетовый · Пузырь полученных: светло-серый · Сообщение 1 (собеседник): «Сегодня вечером всё в силе?» · Сообщение 2 (я): «Да! Увидимся в 8 😊»Результат
PNG-изображение размером 375×812, показывающее экран чата со светло-серым сообщением слева, содержащим первый текст, и фиолетовым сообщением справа с ответом — с использованием именно тех цветов, которые вы выбрали.Изображение генерируется мгновенно на canvas живого превью и скачивается одним кликом — без ожидания и без загрузки на сервер.
Что можно настроить
- Имя контакта, текст статуса и тёмная/светлая тема для остального интерфейса.
- Цвета пузыря отправленных и пузыря полученных сообщений, выбираются независимо друг от друга.
- Аватар: загрузите настоящее фото (обрезанное по кругу) или выберите цвет по умолчанию.
- Неограниченное число строк сообщений, каждая со своим текстом, стороной (собеседник/я) и временем.
- Строка состояния телефона: время, процент заряда батареи и уровень сигнала.
Ответственное использование
Этот генератор создан для того, чтобы было легко создавать явно вымышленные изображения чатов для юмора, повествования и дизайнерской работы. Это не инструмент для фабрикации доказательств, организации преследования или введения кого-либо в заблуждение относительно того, что поддельная переписка реальна. Если вы планируете поделиться изображением, созданным с помощью этого инструмента, подумайте о добавлении пояснения (например, «вымышлено» или «макет»), чтобы зрители понимали, что это не настоящая переписка.
Когда выбрать кастомный генератор, а не генератор для конкретного приложения
| Задача | Что использовать |
|---|---|
| Скриншот якобы из WhatsApp для мема | Генератор WhatsApp — цвета и галочки узнаваемы сразу |
| Макет для вымышленного приложения в сценарии или комиксе | Кастомный генератор переписки — свои цвета без привязки к бренду |
| Слайд презентации в фирменных цветах компании | Кастомный генератор переписки — цвета пузырей под палитру бренда |
| UI/UX-прототип нового чат-интерфейса | Кастомный генератор переписки — быстрый перебор цветовых сочетаний |
Часто задаваемые вопросы
Законно и этично ли пользоваться этим инструментом?
Сам по себе инструмент законно использовать для развлечения, макетов, презентаций и дизайнерской работы. Незаконно и неэтично использовать созданное изображение, чтобы кого-то обмануть — например, выдавать его за реальную переписку для совершения мошенничества, преследования или клеветы на человека, или выдавать себя за чьи-то настоящие сообщения. Используйте это только в явно вымышленных или иллюстративных целях.
Загружает ли инструмент мои сообщения или фото куда-либо?
Нет. Каждое сообщение, имя, фото и настройка, которые вы вводите, остаются в памяти вашего браузера и отрисовываются напрямую на элементе canvas с помощью JavaScript. PNG-файл создаётся и скачивается на вашем устройстве — ничего никогда не отправляется ни на один сервер.
Использовать этот инструмент или один из генераторов для конкретной платформы?
Если ваш макет должен выглядеть как конкретное реальное приложение — WhatsApp, Telegram, Messenger, Signal, WeChat или LINE — используйте специализированный генератор этого приложения, чтобы цвета, галочки и стиль шапки соответствовали ожиданиям зрителей. Используйте этот Кастомный генератор переписки, когда вам нужен макет чата для вымышленного приложения, вайрфрейма или контента, где вы не хотите вид какого-то конкретного реального бренда, и предпочитаете сами выбрать точные цвета пузырей.
Можно ли загрузить настоящую фотографию в качестве аватара?
Да. Нажмите «Загрузить фото», чтобы использовать любое изображение с вашего устройства в качестве аватара контакта — оно автоматически обрезается по кругу. Если пропустить этот шаг, аватар останется цветным кругом с инициалами контакта. Фото используется только локально в вашем браузере и никогда никуда не загружается.
Какого размера изображение экспортируется?
Превью и экспортируемый PNG по умолчанию используют соотношение сторон экрана телефона (375×812), что выглядит естественно при публикации в соцсетях или вставке в презентацию.
Можно ли сделать сообщения от нескольких разных собеседников, а не только диалог на двоих?
Инструмент рассчитан на классический диалог между «я» и «собеседником» с двумя цветами пузырей. Для групповой переписки с разными участниками каждой стороне придётся присвоить единый цвет — либо использовать имя контакта как обозначение группы, а разные реплики собеседника чередовать с пометкой имени прямо в тексте сообщения.
Можно ли изменить шрифт или размер текста в пузырях?
Нет, шрифт и размер текста заданы по умолчанию и совпадают для всех сообщений — настраиваются только цвета пузырей, аватар, имя контакта, статус-бар и сама тема (тёмная/светлая). Это сделано, чтобы макет оставался читаемым и аккуратным при любом сочетании цветов.
Что делать, если нужно быстро создать несколько версий с разными цветами для сравнения?
Меняйте цвета пузырей в палитре и сразу нажимайте «Скачать PNG» — превью обновляется мгновенно, так что можно сохранить несколько вариантов подряд за пару минут и сравнить их бок о бок перед тем, как выбрать финальный.