FossFLOW: бесплатный инструмент для изометрических диаграмм архитектуры

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

Что это такое

FossFLOW — бесплатное веб-приложение с открытым кодом. Это PWA, работает офлайн, всё считается прямо в браузере. Внутри сотни готовых иконок для облаков и инфраструктуры: AWS, Azure, GCP и общие компоненты. Собираете схему из блоков, соединяете стрелками, экспортируете в SVG или JSON. JSON удобен тем, что диаграмму можно сохранить, передать коллеге и открыть у себя без потерь.

Где это пригодится

Мне такие схемы нужны постоянно: объяснить, как устроен проект в Notion, агентов и внешних сервисов, показать клиенту логику автоматизации, вставить наглядную картинку в статью. Одно дело описывать архитектуру словами, и совсем другое — дать человеку схему, где сразу видно, что с чем связано. Сюда же ложатся документация, разборы, слайды и подготовка к собеседованиям по системному дизайну.

Пара нюансов, прежде чем бросаться пробовать

Иконки в основном заточены под большую тройку облаков, поэтому под российскую инфраструктуру часть блоков придётся подбирать из общих. Экспорт в SVG иногда капризничает в нестандартных браузерах — если что-то пошло не так, проще открыть в обычном Chrome. Для внутренних схем и статей возможностей хватает с запасом.

Инструмент живёт на GitHub, ставится локально или запускается прямо в браузере: https://github.com/victortassinari/FossFLOW

По теме

Если рисуете схемы, чтобы объяснить свою систему коллегам или клиентам, такой инструмент бережёт время и нервы. Если захотите обсудить, как это применить у себя или в команде — пишите в Telegram @pimenov