Что случилось

Разработчик Доминик Петерс выпустил открытый WYSIWYG-редактор для TikZ — инструмент позволяет визуально редактировать TikZ-код, перетаскивая и изменяя размеры элементов, при этом одновременно показывает исходный код и отрендеренную фигуру, синхронизируя оба представления в реальном времени.

Парсинг TeX-кода — задача, которую принято считать почти невозможной, что, вероятно, и объясняет, почему до этого проекта полноценного WYSIWYG-редактора для TikZ не существовало. Теперь это изменилось.

Зачем это нужно

TikZ — пакет для создания векторной графики прямо в LaTeX-документе. С одной стороны, он даёт все преимущества подхода TeX: точное позиционирование, макросы, превосходная типографика. С другой — крутая кривая обучения, отсутствие WYSIWYG и необходимость перекомпилировать документ даже ради мелких правок.

Новый редактор делает тонкую настройку позиций элементов простой и мгновенной — без перекомпиляции.

ℹ Что такое WYSIWYG
WYSIWYG (What You See Is What You Get) — принцип редактирования, при котором содержимое отображается в процессе правки точно так же, как будет выглядеть в финальном документе. Привычный пример — Microsoft Word в противовес чистому HTML.

Ключевые возможности

Можно начать с чистого листа, отредактировать готовую TikZ-фигуру или открыть целый .tex-файл статьи — код обновляется мгновенно при перемещении элементов, не затрагивая форматирование, переносы строк и пробелы.

Редактор поддерживает двустороннюю синхронизацию: правки в визуальном холсте немедленно отражаются в коде и наоборот. Библиотека фигур включает более 25 встроенных форм: прямоугольники, круги, эллипсы, ромбы, многоугольники, звёзды, стрелки и облака.

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

Приложение умеет импортировать файлы разных форматов через конвертеры svg2tikz, pptx2tikz и ipe2tikz. Десктопная версия поддерживает прямую вставку объектов из PowerPoint и Keynote.

Инструменты рисования

Доступны перемещение, изменение размера и поворот объектов, редактирование путей, мультивыделение. Можно рисовать прямые пути (\draw), стрелки (\draw[->]), кривые между двумя точками, многосегментные пути с прямыми и кривыми участками, а также произвольные линии со сглаживанием.

Рабочий процесс


graph LR
    A[Открыть .tex файл] --> B[Визуальный холст]
    B --> C{Правка}
    C -->|Мышью| D[Перетащить элемент]
    C -->|Клавиатурой| E[Редактор кода]
    D --> F[Код обновился мгновенно]
    E --> F
    F --> G[Скопировать TikZ-код]

AI-помощник внутри редактора

В десктопной версии доступен ассистент Codex, который помогает редактировать фигуры — в том числе с прикреплением изображений. Если установлен OpenAI Codex, можно попросить GPT отредактировать фигуру прямо в приложении: ассистент имеет доступ к специализированным TikZ-инструментам, а использование списывается с аккаунта ChatGPT.

💡 Интересный факт
Первоначальная кодовая база редактора была написана самим Codex с использованием моделей gpt-5-3-codex, gpt-5-4, gpt-5-4-mini и gpt-5-5 в течение трёх месяцев — с небольшим участием Claude.

Технический стек

Приложение написано на TypeScript, десктопная версия использует фреймворк Tauri с лёгким бэкендом на Rust. Редактор кода построен поверх библиотеки CodeMirror.

# Попробовать в браузере:
https://tikz.dev/editor/

# Исходный код на GitHub:
https://github.com/DominikPeters/tikz-editor

Приложение бесплатное и открытое — лицензия MIT.

Сравнение с альтернативами

ИнструментWYSIWYGИмпорт существующего кодаВеб-версияAI-помощникOpen Source
TikZ Editor✅ Полный✅ Да✅ Да✅ Codex✅ MIT
TikZiT⚠️ Частичный❌ Нет❌ Нет❌ Нет✅ Да
TikzMaker✅ Есть❌ Нет✅ Да❌ Нет❌ Нет
Overleaf❌ Нет✅ Да✅ Да⚠️ Частично❌ Нет

Значение для отрасли

Долгие годы TikZ оставался мощным, но неудобным инструментом — нарисовать простую схему означало написать десятки строк кода и перекомпилировать документ. TikZ Editor меняет этот паттерн.

Редактор поддерживает все распространённые конструкции TikZ, включая циклы \foreach. Часть возможностей — декорации, графики, графы — поддерживается частично, а продвинутые конструкции вроде let-операций пока не реализованы.

Для академического сообщества — учёных, аспирантов, авторов технических статей — это потенциально один из самых практичных инструментов 2026 года. Особенно в связке с AI-ассистентом, способным генерировать и корректировать фигуры по описанию.

⚠ Ограничения
АI-функции доступны только в десктопной версии и требуют установленного OpenAI Codex. Некоторые продвинутые конструкции TikZ пока не поддерживаются.

Попробовать: tikz.dev/editor | Исходный код: github.com/DominikPeters/tikz-editor