Declare – внебрачный ребёнок Figma и PowerPoint, порождающий HTML
Всегда ненавидел PowerPoint
Серьёзно. Вот прямо с детства.Помню, когда в 16 лет впервые открыл Figma — и выдохнул. Слайды, ссылка, показывай кому хочешь. Красота же. Но был один жирный минус: видео туда не засунешь. Купить премиум подписку? Ну комон, кто будет платить за то, что можно сделать бесплатно. Костыль был простой: делаешь слайды в Figma с заранее заготовленными дырками под видео, экспортируешь и уже в PowerPoint накладываешь видосы сверху. Работало. Но попахивало изолентой.
И вот с этого момента я залип на одной мысли.
«А что, если бы PowerPoint посмотрел на инструментарий Figma?»
Годы я искал достойную альтернативу. Перещупал кучу приложений. И у всех был один и тот же жирный минус — собственное расширение. Файл, который читается только той программой, в которой ты его сделал. То есть ты уже привязан. Уже в клетке. Уже зависим от того, что завтра разработчики решат спрятать за подписку.
А я всё это время думал: HTML — это же идеальная разметка для описания информации. Вот бы презентации экспортировались в HTML, который открывается в любом браузере. Да, рендеринг может где-то отличаться, но в 2026-м стили давно унифицированы. Это работает.
Пошёл рыскать по вебу. Нашёл пару проектов — сайт как презентация через библиотеку классов. Прикольно, но это для кодеров. Обычный человек хочет наглядный редактор, а не npm install и три часа писанины.
Мысль, которую я пронёс через годы
Браться за такой проект самому не хотелось — это месяцы работы. Да и технологий для нормального десктопа было мало. Для нас, веб-разработчиков, был разве что Electron: UI на родных веб-технологиях, но на выходе — жирный бинарник. А лезть во что-то другое — ну такое.
А потом появился Tauri. И я влюбился. Сразу. Моя идея снова заиграла красками.
А недавно подъехали большие языковые модели, которые срезают месяцы разработки. От мысли до действия оставался один шаг.
Я сделал это за неделю
И получил ровно то, что хотел:
- Редактор, где слайды делаются инструментами как в Figma
- Логика работы со слайдами как в PowerPoint
- Экспорт в HTML со вшитыми стилями прямо в страницу
Да, из-за этого преза весит больше, чем pptx — она хранит не только стили, но и всю логику отображения. Но это маленькая цена за кроссплатформенность без привязки к приложению.
И да, я не забыл про ИИ. Встроил панель, где можно:
- Подключиться к своим моделям по API-ключу
- Или просто скопировать запрос, вставить в любую нейронку, забрать разметку и добавить в редактор
Почему open source — это важно
Я уже перегорел идти на компромиссы. Сегодня корпорации дают удобный инструмент, а завтра часть бесплатного функционала уезжает за подписку. С Figma всегда висит угроза блокировки аккаунта или недоступности самого сервиса. К PowerPoint возвращаться не хочется. А тут — open source, куда каждый может добавить что-то своё. Плюс Tauri на выходе даёт небольшой бинарник — поставить себе на комп не жирная задача.
Да, я натыкался на другие open source проекты, вышедшие недавно. Но все они требовали предварительной настройки и развёртывания. Поэтому пришлось написать свой. И знаешь что? Я не пожалел.
Знакомьтесь — Declare
Название звучит сексуально, что уже круто )
Инструменты — все стандартные, как в PowerPoint. Не буду на них заострять внимание, вы и так знаете, что такое прямоугольник и текст. Но давай пройдусь по тому, что реально отличает редактор.
Панели и настройки
У каждого инструмента — своя панель настроек. Никакой магии, всё под рукой. Но стоит помнить, что автовоспроизведение (аудио/видео) на первом слайде работает только после щелчка мыши по слайду (политика браузеров), а для остальных слайдов в стандартном режиме. И что фигуры доступны для редактирования через точки после двойного клика.
Эффекты и анимация
Помимо базовых штук есть общие эффекты — как в Figma — и анимация. Тут честно: некоторые эффекты в связке друг с другом могут работать странно. Классика — сглаживание углов, например. Но большую часть я всё-таки подружил, так что в 90% случаев всё будет гладко.
Слои и наложение
Есть режимы наложения и панель слоёв. Всё как ты привык.
Фон слайдов
Меняется на:
- цвет
- картинку
- заготовленный пресет
Плюс есть анимация перехода на следующий слайд.
Горячие клавиши
Всегда сможешь найти в панели инструментов, справа, в самом низу.
Редактор HTML
Ещё одна интересная фишка. Можно открыть код слайда и отредактировать его руками. Например, если ты сгенерировал слайд через нейросеть по шаблону — самое то, чтобы подправить мелочи, не пересобирая всё заново.
🔥 Важный момент про экспорт
При экспорте в HTML и при предпросмотре всегда создаётся новая html-страница, и все данные перезаписываются в указанную папку.
Поэтому — следи за названием презентации. Иначе есть все шансы случайно перезаписать не ту презу. Серьёзно, лучше перепроверь.
🔗 Репозиторий
📦 Бинарники для Windows / Linux / macOS
И не забывай время от времени кликать по кнопке обновления слева на верхней панели, а также помни...
Заявлять о себе надо красиво ✨