Создатель блок-схем

Build a simple flowchart in your browser. Nodes, connections and exports remain on this device.

Превратите короткий процесс в понятную блок-схему без установки программ. Начните с пустого поля или простого примера решения, добавляйте и перемещайте фигуры, соединяйте их стрелками и скачивайте результат как SVG или PNG. Работа остаётся в этой вкладке браузера.

Создайте блок-схему за четыре шага

  1. 1

    Выберите начальную точку

    Выберите пустое поле или шаблон простого решения.

  2. 2

    Добавьте нужные фигуры

    Используйте узлы Начало / Конец, Процесс, Решение, Ввод / Вывод и Данные.

  3. 3

    Соедините и расположите

    Создайте направленные связи, при необходимости отметьте пути решения как Да или Нет и перетащите узлы на удобные места.

  4. 4

    Проверьте и скачайте

    Проверьте ход процесса и скачайте локальную копию SVG или PNG.

Практический выбор фигур

Узел Для чего нужен Пример
Начало / Конец Начало или завершение пути Начало, Заказ завершён
Процесс Действие или задача Проверить адрес
Решение Вопрос с разными путями Платёж принят?
Ввод / Вывод Входящая или исходящая информация Прочитать запрос
Данные Запись или источник данных Карточка клиента

Как сохранить читаемость схемы

  • Давайте каждому узлу короткую и точную подпись.
  • Сохраняйте единое направление для обычного пути и делайте исключения очевидными.
  • Подписывайте ветви решения, если результат неочевиден.
  • Делите большой процесс на небольшие схемы, а не уменьшайте все подписи.

Этот инструмент предназначен для визуальных схем. Он не импортирует код диаграмм или файлы проектов и не предоставляет совместную работу или облачное хранение. В пошаговом режиме текущая схема остаётся только в сеансе этой вкладки максимум на 30 минут. Экспортируйте копию до закрытия вкладки.

Часто задаваемые вопросы

SVG является векторным форматом изображения, который открывают многие приложения для дизайна. Инструмент не создаёт отдельный редактируемый файл проекта. PNG является экспортом изображения.

Редактор предлагает необязательные подписи Да и Нет для направленных связей. Оставьте связь без подписи, если её смысл уже ясен.

Текущие узлы и связи хранятся в сеансе этой вкладки браузера максимум 30 минут. Они не попадают в URL. Если временный сеанс недоступен или истёк, создайте схему заново или используйте уже скачанный экспорт.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Шпаргалка по Markdown

Практический справочник Markdown с настоящим предпросмотром и готовыми для копирования примерами заголовков, списков, таблиц, кода, ссылок, изображений и синтаксиса GFM.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Поиск названия цвета

Найдите ближайший стандартный именованный цвет CSS для HEX, RGB или HSL по разнице CIEDE2000.

Инструмент доступен на других языках