- Откуда взялась боль: PowerPoint как проклятие продуктового дизайнера
- Решение: HTML-файл, который работает как PowerPoint, но умеет всё
- Как это работает: конструктор внутри одного HTML-файла
- Живые примеры: от 45 слайдов к одному интерактивному файлу
- Почему это важно для бизнеса: экономия времени и импортозамещение
- Вопросы из зала: масштабирование и безопасность
- Выводы: как вайб-кодинг меняет рутину
Резюме для практиков
«Сейчас есть AI, есть вайб-кодинг. Кто-то из вас пробовал?» – с этого вопроса начал своё выступление Григорий Барышников, дизайн-директор «Гринатома». Его цель – не убедить всех разрабатывать собственные продукты, а показать, как с помощью современных инструментов можно оптимизировать рутинные процессы с почти нулевыми затратами. И он блестяще это доказал, представив кейс, который можно смело назвать «убийцей PowerPoint».
Откуда взялась боль: PowerPoint как проклятие продуктового дизайнера
«Гринатом» – IT-интегратор Росатома. В компании порядка 11 продуктов в сфере HR, более 400 000 пользователей, 20 000+ сервисов. Команда Григория – продуктовые дизайнеры. И как в любой крупной корпорации, у них периодически возникает задача: «Сделайте презентацию срочно в PowerPoint».
«Кто продуктовый дизайнер – сразу хватается за голову. PowerPoint – ужас, боже! То, что в Figma можно сделать за полчаса, в PowerPoint занимает пять часов», – делится спикер.
Но проблема усугубилась, когда компания объявила об уходе от зарубежных сервисов. Часть сотрудников переходит на «МойОфис», часть пока остаётся в PowerPoint. Верстка едет, шрифты «плывут», совместимости нет. Дизайнеры тратят драгоценное время на мучительную подгонку слайдов, вместо того чтобы заниматься своими прямыми обязанностями – продуктовым дизайном.
«В какой-то момент я подумал: блин, столько проблем с PowerPoint, столько ресурсов уходит. Как бы нам так совместить, чтобы и не работать в PowerPoint, и не работать в "МойОфис", и быстрее закрывать задачи? И при этом без внешних продуктов, без внедрений – в госкорпорацию попробуй согласуй что-то через безопасников», – вспоминает Григорий.
Решение: HTML-файл, который работает как PowerPoint, но умеет всё
Ответ пришёл неожиданно: HTML. Обычный файл, который работает без интернета, не требует установки, отправляется по почте и открывается в любом браузере. «Выяснилось, что HTML + кодинг творят чудеса», – говорит спикер.
За несколько вечеров (буквально 5 часов) он собрал MVP – конструктор презентаций на чистом HTML. Назвали его шуточно GrinAtom Point HTML. И это, по словам автора, «рай для дизайнера и даже для многих продуктов».
Вот лишь несколько возможностей, которые стали доступны:
- Привычный интерфейс – как в PowerPoint, но с расширенными функциями.
- Автолойаут – как в Figma. «Можем скопировать квадраты, выделить их и сделать автолойаут. Автолойаут в PowerPoint! Кто из продуктовых дизайнеров делал, поймёт», – смеётся Григорий.
- Скругления, обводки, градиенты – всё как в Figma, без мучений с настройками.
- Интерактивные слайды – можно делать фильтры, табы, сворачиваемые блоки. «В PowerPoint кто-нибудь из вас такое сделать может? Невозможно», – подчёркивает спикер.
- Встраивание Figma-прототипов – прямо на слайд можно поместить кликабельный прототип из Figma, и он будет работать без перехода во внешнее приложение.
- Импорт из Excel – данные подгружаются автоматически, строятся графики, таблицы. «Раньше мы делали отчёт на 45 слайдов – листали, листали, откатите туда, откатите сюда. А теперь – один интерактивный файл, который обновляется импортом из Excel».
- Видео – можно вставить ролик из YouTube, VK, откуда угодно.
- Адаптивность – файл открывается на любом экране, включая планшеты и телефоны. Для топ-менеджеров, которые смотрят презентации с мобильных, это особенно ценно.
Как это работает: конструктор внутри одного HTML-файла
Григорий продемонстрировал «внутрянку». Презентация открывается в любом браузере (Safari, Chrome, Яндекс). Слева – список слайдов, справа – панель свойств, привычная для пользователей Figma. Можно добавлять квадраты, прямоугольники, картинки, текст, графики. И всё это – с автолойаутом, который работает как в Figma: элементы выравниваются, растягиваются, переставляются без потери структуры.
«Этот путь простой и для менеджеров, которые Figma не пользовались. Они встают на одну сторону с дизайнером и работают в одних реалиях. Им тоже нужно красиво сделать, но теперь они могут это делать без помощи дизайнера», – отмечает спикер.
Живые примеры: от 45 слайдов к одному интерактивному файлу
Первый успешный кейс – отчёт по пользователям. Раньше команда делала 45 слайдов со статистикой, которые нужно было листать туда-сюда. Теперь – один интерактивный слайд: можно переключать оценки, смотреть комментарии, фильтровать данные по параметрам. «Пришли с таким файлом к бизнес-заказчикам. Они сказали: "Вау! Приносите всегда так". А по сути – это просто импорт из Excel».
Второй пример – стратегические фокусы компании. В презентации – структура целей, которую можно фильтровать по конкретному человеку или подразделению. «Можно свернуть все цели по конкретному человеку. В PowerPoint такое сделать невозможно», – подчёркивает Григорий.
Третий – интерактивные прототипы. Встраивание Figma-файла прямо в слайд. Презентация перестаёт быть статичной: заказчик может «потыкать» кнопки, увидеть, как будет работать интерфейс, не покидая презентацию.
Почему это важно для бизнеса: экономия времени и импортозамещение
Для «Гринатома» (600 человек в центре, 10 000+ в компании) этот инструмент – не просто игрушка, а серьёзный способ оптимизировать труд.
- Экономия времени дизайнеров. Раньше на создание сложной презентации уходило 4–5 часов, теперь – 20–30 минут.
- Единый стандарт. Когда часть компании переходит на «МойОфис», а часть остаётся на PowerPoint, верстка «едет». HTML-файл открывается одинаково везде, шрифты не теряются.
- Безопасность и простота. Файл не требует установки, не использует внешние серверы, не нарушает политики безопасности. «Никаких согласований с безопасниками, никаких внедрений. Просто файл на почте», – говорит Григорий.
- Open Source и бесплатно. Инструмент выложен на GitHub, каждый может доработать его под свои нужды. «Мне хочется, чтобы это стало стандартом индустрии хотя бы в наших российских реалиях. Тем более это стоило мне 5 часов – потрачу ещё 15, доведу до ума, и будет вообще пушка», – делится автор.
Вопросы из зала: масштабирование и безопасность
Конечно, не обошлось без скептических вопросов. Архитекторы и безопасники поинтересовались: как быть с регламентами, поддержкой, возможными форками (когда каждый сотрудник начнёт дорабатывать код под себя)?
Григорий ответил честно: «Это MVP, ему полторы недели. Сейчас мы используем его внутри нашего центра. Если он залетит, будет востребован – пойдём в архитектурный комитет, будем масштабировать с поддержкой. Но даже на уровне 600 человек он уже даёт суперсильную экономию времени. Топ-руководители, которые стоят очень дорого, тратят кучу времени на выверенную презентацию – теперь они получают её за минуты».
Он также подчеркнул, что это офлайн-файл, с которым работает один пользователь в момент времени – никакого нагрузочного тестирования не требуется. А вопросы поддержки решаемы: при масштабировании на всю отрасль будет выделена отдельная команда.
Выводы: как вайб-кодинг меняет рутину
Главный посыл выступления – не в том, чтобы заменить PowerPoint, а в том, чтобы посмотреть на свои процессы под другим углом. Используя AI и простые технологии (HTML, вайб-кодинг), можно за пару вечеров создать инструмент, который сэкономит команде сотни часов.
«Я думаю, это мой поклон Anthropic и Claude, потому что вайб-кодинг творит чудеса. Просто посмотрите на свои процессы и попробуйте что-то упростить. Даже в условиях госкорпорации с суперограничениями можно сильно убежать вперёд», – завершает Григорий.
Для тех, кто хочет попробовать: файл будет выложен в открытый доступ. Каждый может скачать его, доработать под свои задачи, добавить свои шаблоны – таблицы, графики, фирменные стили. «Можете делать Ctrl+C из Excel – и данные вставятся с внутренним шрифтом. Упрощайте себе жизнь!»
Резюме для практиков
- Не ждите идеального решения – создайте MVP за выходные. Григорий потратил 5 часов на конструктор, который уже решает ключевые боли команды.
- Импортозамещение – не приговор. HTML-файл не зависит ни от Microsoft, ни от «МойОфис», открывается в любом браузере, не требует установки и согласований с безопасниками.
- Экономия времени = экономия денег. Один дизайнер экономит 4+ часа на каждой презентации. Умножьте на количество презентаций в месяц – получите сотни часов, которые можно направить на развитие продуктов.
- Дайте менеджерам простой инструмент. Если они могут сами собрать красивую презентацию без помощи дизайнера – это снимает нагрузку с команды и ускоряет согласования.
- Open Source – ваш друг. Бесплатный инструмент, который можно доработать под себя, часто оказывается эффективнее дорогих коммерческих решений. Особенно в условиях импортозамещения.
#UX #UI #дизайнинтерфейса #дизайнсистема #event #конференции #интерфорум #interforum #interforums
76 дней
На фоне стремительного развития технологий и смены поколенческих ценностей корпоративное обучение переживает тектонические сдвиги. Внедрение ИИ, работа…
84 дня
На Форуме «Экономическая безопасность бизнеса 2026» будут детально разобраны наиболее острые проблемы, с которыми сталкиваются специалисты в текущих…
