Diagram as Code в Eraser.io

На выходных был мой второй подход к Eraser.io. Первый был несколько лет назад и тогда я решила, что бесплатной версией пользоваться невозможно.

Сейчас тоже тестировала бесплатный аккаунт — для примера создала из кода моего пет-проекта диаграммы C4.

Начнем с того, что шаблонов для С4 там нет 😮. Ну ладно, нотация простая, попробовала приспособить Flow Diagram. MCP есть только в платной версии, поэтому я просила мой ИИ описывать диаграммы на языке eraser — и вставляла этот код в редакторе как Diagram as Code → Flow Chart. После какого-то количества итераций получилось вот так: https://app.eraser.io/workspace/y1JS6lcswmTKvt5Skjoy.

Симпатично, но визуально перегружено, на мой вкус. Как это исправить без полной перерисовки руками — я не разобралась. Потому что более простые диаграммы недоступны в шаблонах Diagram as Code.

Загрузила код из mermaid (в котором есть C4) через специальный конвертер: https://www.eraser.io/make/free-mermaid-diagram-maker. Он сконвертировал mermaid в диаграмму, для которой недоступно редактирование через код: https://app.eraser.io/workspace/dPirXgiQanDriJmbZskN.

Пробовала поменять ротацию с горизонтальной на вертикальную руками, но это было так мучительно, как будто так и задумано создателями. Стрелочки и блоки ведут себя очень непредсказуемо и в какой-то момент я в исступлении открыла чат с ИИ — пришлось использовать целый AI-токен, а в бесплатном плане их всего 3.

Все же excalidraw whiteboard — пока мой лучший бесплатный инструмент для творческого полета мысли. Хотя сильно беспокоит, что доска хранится только в браузере. Возможность в Eraser создать аккаунт и хранить в нем свои 3 бесплатных документа меня порадовала.

Тем не менее рисовать руками я продолжу в excalidraw.com и diagrams.net. Eraser.io оставлю на случаи, когда надо создать диаграмму на основе кода или текста.

А какими инструментами для диаграмм вы пользуетесь? Платите за ИИ возможности в них?