Figma ушла, а привычки остались. Существует ли российский аналог?

Многие компании в России за последние пару лет прошли через пять стадий принятия: от «да это просто баг, сейчас починят» до «окей, нам нужен новый инструмент». Но попытки просто заменить Figma на другой редактор часто разбиваются о суровую реальность. Почему так происходит и что с этим делать?

В этой статье мы расскажем о новом российском продукте-платформа «Контраст» – как на нее перейти и что она из себя представляет.

Почему Figma стала стандартом?

Figma стала «эталоном» web-дизайна, потому что она объединила несколько абсолютно разных ролей в едином цифровом пространстве. Впервые дизайнер, заказчик и разработчики встретились в едином пространстве, где одномоментно можно создать и увидеть все: от дизайн-концепции, до готовых макетов к разработке.

«Совместная работа над дизайном требовала обмена файлами. Это было муторно. В Figma вы приглашаете человека в файл и работаете вместе в режиме реального времени. Для этого ему не нужно устанавливать программное обеспечение или даже создавать учетную запись. Это означает, что в Figma дизайнеры могут привлекать к проекту коллег. Это не просто иконка, которая показывает, что человек присоединился к файлу, а наблюдение за тем, как он работает в реальном времени. Следить за действиями другого в Figma это лучше, чем включать демонстрацию экрана»- считает Натан Бэрри, основатель и генеральный директор ConvertKit (https://awdee.ru/10-prichin-po-kotorym-figma-stala-liderom-v-mire-dizajna/)

Почему нельзя просто перейти на другую платформу?

Конечно, вариант хороший и довольно простой. Но только вопрос: а так ли всё просто на самом деле?

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

Так, одна из небезызвестных компаний поделилась своим опытом перехода на Pixso. Ожидаемо, процесс оказался нелегким, а результаты не впечатляющими. (https://habr.com/ru/companies/kaspersky/articles/1001916/)

Российский контекст: проблема не в том, что Figma не открывается

Безусловно, новая политика платформы стала «отправной точкой» для поиска аналогов, но давайте взглянем на ситуацию чуть глубже.

Для государственных структур и компаний из сектора критической информационной инфраструктуры использование зарубежного ПО — это прямой путь к юридическим рискам и невозможности работать с чувствительными данными. Даже если Figma в России будет открываться еще десять лет, этот инструмент навсегда останется «чужим». Компании не могут строить долгосрочные стратегии на том, что не контролируют. А вдруг уже завтра утром они не смогут открыть собственные файлы?

К тому же, если и откроется, то как? В настоящий момент всё больше российских пользователей стали жаловаться на невозможность открыть Фигму ни как сайт, ни как приложение. VPN и другие сторонние сервисы конечно решают эту проблему, но вот вопрос, на сколько их хватит?

В текущей геополитической обстановке для российских компаний становится критически важно не просто обеспечивать свою деятельность программными ресурсами, но и следить за тем, чтобы эти самые ресурсы вписывались в рамки современного законодательства. Контраст – это отечественный продукт, используя который можно не опасаться о возможностях блокировки или попадания под санкции.

Что обычно ломается при миграции

Когда компания определилась с местом миграции и уже начинает переносить все файлы, процесс превращается в серию неприятных сюрпризов

1.Компоненты и библиотеки. В хорошей дизайн-системе тысячи компонентов, вложенных друг в друга, с десятками состояний, вариантов и стилей. Когда инструмент «не понимает» эту архитектуру, при переносе все связи рвутся. Это как если бы из сложного механизма вытащили все винтики и сложили в одну кучу. Восстанавливать это вручную- проект на несколько месяцев.  В Контрасте мы предлагаем не только легко и быстро восстановить библиотеки из фигмы, но и создать новые.

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

3. Handoff разработчикам. Для высокой производительности и минимальной задержки критически важно чтобы команда разработки могла быстро брать исходные файлы для реализации в код. В случае, если альтернативная платформа не дает быстро посмотреть размеры, отступы, цвета, шрифты и выгрузить ассеты, переходу на новую платформу будет мешать, помимо дизайнеров, еще одна группа недовольных коллег.

4. Комментарии и согласования. Возможность оставлять комментарии прямо на макете значительно сокращает время на переписку в мессенджере и дополнительные объяснения. Эта функция, кстати, также реализована в новом аналоге.

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

6. Привычки дизайнеров. У каждого дизайнера со времнем появляется его «тот самый» набор привычек и любимых инструментов. Горячие клавиши, панели, автолейауты — если в один момент нужно учиться всему заново… ну…. мягко говоря это неудобно. Гораздо проще, если при переходе команде не нужно меня привычки, тогда скорость работы останется на том же уровне, да и морально это воспринимается легче. В Контрасте переучиваться не нужно — все работает так же, как в Фигме.

Как Контраст решает эти проблемы

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

Мы потратили много времени на то, чтобы понять, как работают большие команды, где именно рвутся связи при миграции и как сделать этот путь максимально гладким. Контраст пока что не гонится за количеством фич, а фокусируется на тех, которые действительно спасают бизнес: это и бесшовный импорт, и встроенный Handoff для разработчиков, и, конечно же, высокий уровень безопасности, необходимый для работы с конфиденциальными данными.

Поскольку мы сами из России, прекрасно понимаем специфику работы в дизайне и стараемся сделать продукт максимально жизненно удобным для пользователей

И вот наши ключевые подходы:

1. Компоненты и библиотеки. В Контрасте можно легко восстановить уже созданные ранее библиотеки, а также создать свои-новые.

2. Прототипы. Мы понимаем, что прототипы-это важная часть продукта, и терять их нельзя. В Контрасте сохранены основной функционал прототипирования, поэтому визуализировать работу все также просто.

3. Handoff разработчикам. Контраст предоставляет разработчикам всю необходимую информацию прямо в интерфейсе: размеры, отступы, цвета в форматах для кода, шрифты и их начертания. Ассеты выгружаются в нужном разрешении и формате без дополнительных телодвижений.

4. Комментарии и согласования. Комментарии в Контрасте работают так же, как и в привычном инструменте: они привязаны к конкретным элементам и не теряются при перемещении объектов. Вся история решений и обсуждений хранится прямо в файле, а не размазывается по мессенджерам и таск-трекерам. Заказчику не нужно запоминать свои замечания или составлять отдельные списки правок — всё происходит в одном месте.

5. Привычки дизайнеров. Мы сделали всё, чтобы переход на Контраст был максимально комфортным. Горячие клавиши, панели, автолейауты и логика работы слоёв максимально близки к тому, к чему привыкли дизайнеры за годы работы в Figma. Переучиваться не нужно, вы просто продолжаете работать в привычном ритме, но уже в российском продукте.

Функционал: что можно попробовать прямо сейчас

Дальнейшее развитие: плагины и искусственный интеллект

Мы понимаем, что такой дизайн-инструмент должен не только обеспечивать функционал Фигмы, но и идти в ногу с развитием рынка. Что для этого необходимо?

Шаг первый – это, безусловно, плагины. Мы планируем внедрить полноценную поддержку плагинов в Контрасте, чтобы сообщество разработчиков могло создавать собственные расширения для любых задач: от автоматической проверки доступности до генерации контента.

Шаг второй- внедрение искусственного интеллекта. Конечно, нейросети сильно помогают дизайнерам на практике сокращать время на выполнение многих однотипных операций. В отличие от многих зарубежных решений, наш AI будет отечественного производства и полностью соответствовать российским требованиям к обработке данных. Мы не отправляем ваши макеты на сервера за пределами страны- всё обучение и обработка происходят внутри российской инфраструктуры.

На данный момент, помимо безусловного наполнения Контраста функционалом и внедрением новых технологий, мы стараемся делать акцент на том, чтобы переход на наш платформу был максимально легким и быстрым.

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

Сейчас мы ищем команды, которые готовы проверить Контраст на реальных сценариях: дизайн-система, прототипы, комментарии, совместная работа, handoff. Нам интересна честная обратная связь в том числе критическая. Особенно от тех, кто много работает в Figma и понимает, где обычно ломается процесс. Если вы дизайн-лид, разработчик, DesignOps или отвечаете за импортозамещение в продуктовой команде, будем рады обсудить пилот на одном проекте

Контакты для связи:
Тел.: +7(923) 426-72-77
Тг: @sibtech_tomsk
Email: sibtech_tomsk@mail.ru