20 апреля мы официально сообщили на широкую аудиторию, что ведём разработку собственного аналога Figma и Pixso — Спектр, а также открыли приём заявок на закрытое бета-тестирование. И сейчас отличное время, чтобы поделиться с сообществом историей разработки продукта, взлётами и падениями, трудностями и победами.

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

Меня зовут Никита Денисенко, и я совмещаю обязанности дизайн-директора экосистемы «Лукоморье» с арт-управлением и продвижением Спектра. С этим продуктом я с самого зарождения идеи и даже в первые полтора года разработки выступал в роли владельца продукта до осени 2023. В этой статье я постараюсь рассказать и почему был выбран именно такой путь разработки, и про нюансы технологического стека, и даже за чей счёт банкет.

Идея и контекст старта разработки

Ни для кого не секрет, что тренд на импортозамещение в полной мере показал себя после начала СВО. Мы, дизайнеры Ростелекома, оказались в ситуации, когда на рынке полно отечественных аналогов для кучи различных систем, но наш же рабочий инструмент по состоянию на весну 2022 года — Figma (о Pixso тогда ещё ничего даже не было слышно в общем пространстве) — аналогов не имел. И, да, вполне логичны тезисы про российский относительно небольшой рынок, в условиях которого крайне трудно создать аналогичное решение, которое будет качественным, да ещё и коммерчески успешным в первую очередь из-за самого охвата этого рынка.

Тогда у нас в дизайн-студии Ростелекома возникла мысль, что рано или поздно мы можем оказаться под санкциями, а работать как-то нужно. Мы загорелись идеей создания собственного решения, которое на перспективу может стать для нас заменой так полюбившейся всем Figma. К значению слова «замена» мы ещё вернёмся ближе к концу статьи.

И тут как гром среди ясного неба происходит анонс действительно ПЕРВОГО отечественного аналога — Figura One. Сейчас в поиске вы сможете найти только так же называющуюся библиотеку иконок. Но тогда, в марте 2022 (попробуйте найти страницу продукта через WebArchive), подобная новость нас очень удивила. Неужели кто-то действительно решился на такое? Команда открыто говорила, что у них уже есть некий «прототип», и впереди маячит довольно оптимистичный план по захвату отечественного рынка.

На фоне этого мы подумали, что имеет смысл подождать новостей — вдруг решение от ребят уже закрывало бы наши потребности в работе, и нам нет никакого смысла инвестировать в технологически сложный и довольно дорогостоящий продукт. Но время шло, а новых сообщений от команды Figura One не было. Стало ясно, что, скорее всего, ребята просто прозондировали таким образом рынок, увидели отклик, поняли, что лидов собрать не получилось, и свернули работу, переориентировавшись на другие задачи.

На момент лета 2022 года у нас была только идея. Ну, и план по привлечению государственных инвестиций за счёт грантов Минцифры для ИТ-продуктов. И мы стали прорабатывать концепт, чтобы выйти с питчем в фонд и запросить средства на развитие продукта.

Тогда же после небольшого исследования был выбран нейминг — цветовой спектр лежит в основе визуального восприятия, и поэтому такой вариант был тепло принят нашей маленькой рабочей группой.

Мы начали формировать бэклог продукта и параллельно приступили к проектированию. Так как мы формулировали себе конкретную цель — заместить Figma на перспективе нескольких лет — то и велосипед придумывать не стали: есть всем понятное решение, и основная задача просто встать и пересесть в знакомый интерфейс без необходимости адаптации. Цель понятна, но в некоторых аспектах нам хотелось прокачать решение. Сильных нареканий к самому редактору в Figma не было, а вот гибкости в ролевой модели, нужной относительно закрытым организациям, в нашем «эталоне» не было. Поэтому мы приняли решение графический редактор переносить по максимуму из Figma, а личный кабинет для enterprise проработать глубже.

Источник финансирования

Мы подготовили стройный концепт и защищали его на комиссии в фонде при Минцифры. Дабы не ждать итогового согласования финансов (никто не понимал, на сколько этот процесс может затянуться), началась работа над созданием аналитической документации к продукту, написанием функциональных и нефункциональных требований.

Время шло, а ответа всё не было. И вот за два дня до Нового года мы получаем ответ, что грант нам не дали. Это был шок для всей команды (на тот момент нас было 10 человек). Соответственно, все работы были остановлены, планируемых для привлечения на Спектр сотрудников раскидали по другим проектам Ростелекома, а я остался со стойким ощущением фрустрации — ведь всё шло к тому, что мы должны были получить деньги, продукт действительно вызывал положительный отклик.

Как мы узнали позднее летом 2023 года, отсутствие обязательств, связанных с государственными средствами, даже пришлось нам на руку. Если хотите покопаться в причинах нашего счастья, то советую прочитать подробнее про ситуацию с грантами на ИТ-разработки конкретно в то время.

Но вернусь обратно в начало года, в мою фрустрацию. Я был очень вдохновлён продуктом, так как внутри было огромное желание создать что-то полезное для нашего дизайн-сообщества. У большинства из нас такой продукт бывает один на всю жизнь — ты буквально желаешь делать его, вкладывать все свои силы, потому что понимаешь ценность и видишь риски, которые уже на тот момент замаячили на горизонте.

Спустя полтора месяца я получил оффер от зарубежной компании, но пока думал, мне позвонили и сказали четыре волшебных слова: «Нам дали деньги на Спектр» (предлог не в счёт). Я сразу отказал, хоть предложение и было весьма заманчивым, ведь перспектива делать «русскую Фигму» мне нравилась сильно больше.

На сбор команды обратно у нас ушло 4 месяца, так как многие уже плотно были завязаны на другие проекты. И с 1 мая 2023 мы возобновили работу практически с нуля.

Тут важно понимать, что бюджет на импортозамещение в Ростелекоме формируется из профита, который получают сегменты бизнеса от продажи основных услуг компании — это не господдержка. Соответственно, каждый год для продолжения финансирования нам приходилось отстаивать продукт перед внутренней комиссией, которая по вполне понятным причинам не особо хотела верить в продукт. Однако, наши маленькие успехи вдохновляли и заряжали нас, а от нашей энергии начинали верить в продукт и все остальные.

Что под капотом: трудности выбора стека и подбора специалистов

С возобновлением разработки в мае 2023 остро встал вопрос целевого стека. Самым логичным решением, естественно, нам казалось использование в основе продукта open-source решений с последующим дописыванием. Если вы каким-то образом нанимали себе разработчиков в это время, то прекрасно понимаете, что людей на рынке просто не осталось. Мобилизация в сентябре 2022 кратно ухудшила ситуацию с подбором — мы всё-таки окологосударственная компания, поэтому одним из требований информационной безопасности была и остаётся работа только с территории РФ.

В качестве FE было решено использовать ReactJS, а для графического движка взять ThreeJS, но «откусить» ему третью координату. И тут большое спасибо команде дизайн-системы Атомаро — ребята адаптировали под наши нужды компоненты ДСки, что ускорило нам процесс сборки фронта.

Параллельно при описании постановок для разработки продукта мы стали всё больше и больше понимать, что у нас нет «классического» MVP. По факту нам нужно каким-то образом догнать по функциональности лидера рынка, который имеет в сотни раз больший бюджет и примерно во столько же раз большую команду разработки, чтобы обеспечить миграцию с минимальными потерями. Само собой, эта задача в таком виде была обречена на провал. Поэтому мы зафиксировали состояние Figma на лето 2023 года, выкинули всё, что сколько-нибудь казалось излишним, и обстучали примерную дорожную карту об наших партнёров.

И тут нас начала догонять следующая проблема — отсутствие компетенций в разработке графических редакторов у специалистов. Внезапно (само собой, это ирония) оказалось, что подобные решения очень сильно отличаются от обычной веб-разработки, и для их создания нужен крайне специфический набор навыков. Напоминаю про проблему с наймом в 2023 в принципе, а тут теперь ещё и воронка сузилась до буквально единиц.

Важно отметить, что специфика продукта подразумевает довольно большой объём R&D с кучей возвратов и лент Мёбиуса. Иногда доходило до того, что половина ресурса разработки находилась в исследовательских треках.

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

Примерно в это время руководство чётко поставило мне выбор: либо я дальше управляю дизайн-командой Лукоморья, либо полностью ухожу в продукт. Я не смог отказаться от роли дизайн-лидера, но договорился о возможном продолжении работы над Спектром уже в роли функционального заказчика и арт-лида. То есть в формировании бэклога я продолжил участвовать, но уже предметно с командой разработки взаимодействовать потихоньку переставал.

С новым владельцем продукта пришли и сильные изменения — кризис в команде нужно было как-то выруливать. По факту все рабочие процессы были перестроены сильно ближе к продуктовому подходу, подключилась сильная внешняя команда бизнес-анализа, которая имела достаточную экспертизу для более точной и мелкой нарезки user story в соответствии со спецификой продукта. Разработчики же получили за полгода работы полезный опыт и стали оценивать таким образом нарезанные задачи сильно точнее.

Конвейер разработки был полностью пересобран, а фокус направлен на одну конкретную задачу — к концу 2024 года собрать в Спектре макет Спектра. Казалось бы, звучит довольно просто, но для выполнения этой относительно небольшой задачи дизайнера требовался огромный ряд функциональности. Первый технический релиз не заставил себя долго ждать — команда воспряла духом, задачи оценивались точнее, конвейер заработал! Ошибки в оценке всё равно допускались, но в таком случае user story просто переезжала на следующий релиз, начал появляться техдолг, но все видели цель и не видели препятствий.

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

Было принято решение полностью переписать движок. Параллельно с разработкой новой функциональности редактора выделили команду (вообще это был один человек, но для масштаба его вклада обозначим как команду) на работу исключительно с движком.

К концу года у нас получилось достичь цели — выпущено 40 релизов, макет Спектра в Спектре был собран. Да, без компонентов, да, без автолэйаутов. Но собран, и при этом движок работал стабильно.

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

Если подводить итог по этой части рассказа — нет, под капотом не китайское решение. Полностью самописное. Было больно, да. Но мы за это время приобрели ценный опыт, прокачали необходимые технические компетенции и стали разрабатывать быстрее и качественнее. Теперь у нас есть чёткое понимание, как и куда мы хотим двигаться дальше, и что в системе нужно дорабатывать и оптимизировать. Сама же разработка продукта на текущий момент ведётся в общей сложности сравнительно недолго — 2.5-3 года, наступая на грабли и набивая шишки, но мы полны решимости и желания продолжать этот путь.

Целевая аудитория

Важно понимать, для кого в первую очередь разрабатывается наш продукт. Дизайнеры-фрилансеры или сотрудники частного бизнеса сидят и будут дальше сидеть в бесплатной Фигме или оплаченной через обходные пути. Да и многие крупные компании делают абсолютно то же самое. Я искренне радуюсь за тех, кто не знает, что значит не иметь возможности закупить нужный для работы инструмент из-за ограничений. И речь не только про ПО, но и про железо.

Мы ровно в той же ситуации — на текущий момент купить Figma или даже Pixso мы не можем (само собой, их нет в реестре отечественного ПО). Так мало того, в 2024 году всеми любимая Figma практически одним днём забанила все наши аккаунты, созданные на корпоративные учётки. Люди пытались хоть что-то посмотреть, но в ответ получали уведомление, что их аккаунт был удалён. Нам срочно пришлось переводить всех на личные учётки не в ру домене. Срочно наладили еженедельный бэкап всех файлов на случай полной потери доступа к аккаунту.

Тогда мы с трудом смогли протащить закупку Pixso. Большое спасибо другим крупным корпорациям за то, что первыми прошли путь миграции и помогали нам советами по настройке. Но и тут была засада — мы не успели до истечения срока лицензий Figma выделить инфру под коробочное решение, пришлось брать SaaS-версию Pixso. Опять же низкий поклон нашим коллегам-первопроходцам за огромную работу совместно с командой Pixso по созданию мигратора, который хоть и не без проблем и ограничений, но позволил нам относительно гладко перевезти огромнейший набор файлов (на тот момент в Фигме был результат работы всей дизайн-студии Ростелекома за 5 лет, штат насчитывал примерно 65 человек, а количество проектов/продуктов с нашим участием перевалило за несколько сотен уже довольно давно).

Летом 2025 года на неделю мы фактически потеряли доступ к Pixso. Как вы можете догадаться, всё по тем же причинам, связанным с блокировками иностранных серверов. Не можем оставить без благодарностей и команду Pixso, которые смогли в течение короткого времени вшить в систему ряд доработок для более-менее стабильной работы.

Про нюансы работы в Pixso тоже есть, что рассказать. Важно отметить, что специалисты поддержки у коллег из Китая работают довольно оперативно — мы до сих пор постоянно отсылаем им все найденные баги. Но дизайнеры за год работы в Pixso уже прошли все 5 стадий принятия неизбежного. Зачастую было так, что вечером дизайнер заканчивает работу, утром заходит в файл, а там либо все макеты разлетелись, либо полдня работы просто стёрлось. Восстановление версии не помогало.

Связаны эти проблемы с постоянным уходом SaaS-версии в оффлайн-режим и последующей некорректной синхронизацией с облаком. Тут довольно трудно сказать, кто виноват в этой проблеме больше: проблемы с сетью на стороне нашей страны или же косяки в самом Pixso. Знаю, что даже в on-premise версии были аналогичные проблемы примерно полтора года назад, но на данный момент достоверно о таком сказать не могу.

То есть по факту мы оказываемся в ситуации вечной борьбы: то у нас нет возможности продлить лицензии основного рабочего инструмента, то он сам просто плюёт нам в лицо. Мы до сих пор работаем и в Pixso, и в личных Figma одновременно — графический дизайн с постоянными потребностями в экспорте физически не может нормально работать в Pixso (до сих пор жду нормальный плагин для экспорта в PPTX).

И таких компаний масса. Как раз для них в первую очередь и создаётся продукт. Существуют компании с КИИ (критическая информационная инфраструктура), у которых ограничений ещё больше. И как же хорошо, что разработку мы начали сильно до того, как возникла конкретная острая необходимость в Спектре.

Мы сталкиваемся с огромным количеством ограничений, но не являемся их причиной. Мы такие же пользователи, как и вы. Конечно, в идеальной ситуации все мы продолжили бы работать в Figma, попивать свой раф и получать 300к/сек, но реальность изменилась, и к ней надо как-то адаптироваться.

Замена? Копия? Аналог? Конкурент?

И тут я возвращаюсь к значению слова «замена». Замена не равно конкурент. Мы объективно понимаем, что для конкуренции с Figma нам нужно привлечь гораздо большее финансирование, да и даже при наличии денег есть проблема дефицита компетентных кадров. Но и фокус у нас совершенно другой. Hyundai Solaris не конкурирует с Ferrari — у обоих продуктов своя целевая аудитория и свои задачи. Да даже внутри одного бренда между тем же Solaris и Santa Fe огромная пропасть, которая обусловлена задачами, которые каждый продукт решает для своего пользователя.

Спектр даёт нам и многим другим возможность продолжать делать свою работу. Само собой, с ограничениями и нюансами, но мы ищем все возможные пути по развитию продукта, чтобы он не конкурировал с Figma, а решал наши задачи наиболее эффективно. Надеюсь, что ближе к концу этого года мы сможем поделиться планами по развитию и интересными коллаборациями с другими компаниями, которые позволят нам совместно создать классную площадку для реализации самых амбициозных и инновационных идей. И очень радует, что после официального анонса мы стали получать письма от неравнодушных энтузиастов, которым интересно подключиться к разработке и внести свой вклад в продукт.

Сейчас мы проводим закрытое бета-тестирование, чтобы собрать обратную связь и более точно направить наши силы в закрытие потребностей таких групп пользователей. Само собой, мы будем только рады стать хорошим инструментом для всех, но и какими-то излишними ожиданиями себя не тешим. Мы выбрали идеологию честности и открытой коммуникации с сообществом. Наша задача не заместить полностью по функциональности ультракиборга-убийцу в виде Figma (стоимость которой оценивается в 8.5 млрд долларов), а дать рабочий инструмент для тех, кто сталкивается с теми же трудностями, что и мы.

Уже сейчас в рамках пилота мы переносим дизайн-систему Атомаро из Pixso в Спектр — очевидно, что для начала полноценной работы именно ДСки должны перекатиться первыми. Переносим и небольшие проекты Ростелекома, которые хорошо ложатся на текущий набор функциональности продукта. Также выявляем новые потребности и постоянно работаем над производительностью — ближе к концу года планируем выкатить обновлённую версию движка. Поэтому рассчитываем на обратную связь от сообщества, чтобы наш продукт становился той самой надёжной опорой, на которую можно положиться.

Любви, здоровья ❤️