Многие компании в России за последние пару лет прошли через пять стадий принятия: от «да это просто баг, сейчас починят» до «окей, нам нужен новый инструмент». Но попытки просто заменить 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. Переучиваться не нужно, вы просто продолжаете работать в привычном ритме, но уже в российском продукте.
Функционал: что можно попробовать прямо сейчас
Функция | Как работает |
Автолейаут | Элементы автоматически выстраиваются в ряд, колонку или другую структуру согласно заданным правилам. Это основа современного дизайна, и в Контрасте она реализована нативно. |
Омниплатформенность | Заказчик, дизайнер и разработчик работают в единой среде. Вам не нужно переключаться между разными приложениями и сервисами - всё происходит в одном файле. |
Библиотеки для дизайн-систем | Вы можете переносить свои собственные библиотеки из Figma и создавать новые прямо в Контрасте. Мы сохраняем всю логику работы с компонентами |
Варианты компонентов | Быстрое создание вариантов компонентов без дополнительного создания новых файлов и их настройки. Всё, что вы привыкли делать с variants в Figma, доступно и в Контрасте |
Передача макетов в разработку без выгрузки на сторонние ресурсы | Вся информация для разработчика, размеры, отступы, цвета, шрифты, доступна прямо в интерфейсе. Не нужно выгружать файл на другую платформу и делиться ссылкой. |
Прототипирование | Легкая настройка анимации и переходов. Вы создаёте кликабельные сценарии так же, как привыкли, и они работают без сбоев |
Корпоративная безопасность | Контраст соответствует российским требованиям к защите данных, включая 152-ФЗ. Возможность развернуть on-premise и интеграция с системами безопасности делают его надёжным выбором для корпоративной среды. Ваши файлы остаются под вашим контролем |
Дальнейшее развитие: плагины и искусственный интеллект
Мы понимаем, что такой дизайн-инструмент должен не только обеспечивать функционал Фигмы, но и идти в ногу с развитием рынка. Что для этого необходимо?
Шаг первый – это, безусловно, плагины. Мы планируем внедрить полноценную поддержку плагинов в Контрасте, чтобы сообщество разработчиков могло создавать собственные расширения для любых задач: от автоматической проверки доступности до генерации контента.
Шаг второй- внедрение искусственного интеллекта. Конечно, нейросети сильно помогают дизайнерам на практике сокращать время на выполнение многих однотипных операций. В отличие от многих зарубежных решений, наш AI будет отечественного производства и полностью соответствовать российским требованиям к обработке данных. Мы не отправляем ваши макеты на сервера за пределами страны- всё обучение и обработка происходят внутри российской инфраструктуры.
На данный момент, помимо безусловного наполнения Контраста функционалом и внедрением новых технологий, мы стараемся делать акцент на том, чтобы переход на наш платформу был максимально легким и быстрым.
Уже сейчас, вы можете протестировать предфинальную версию Контраста и дать нам честную обратную связь. Возьмите один реальный проект или одну библиотеку, проверьте на нем все сценарии и зафиксируйте, что переносится хорошо, а где нужны доработки. Это поможет нам сделать продукт, который был бы действительно удобен для вас- пользователей. Это наша точка роста и ваша возможность помочь в создании реально качественного продукта.
Сейчас мы ищем команды, которые готовы проверить Контраст на реальных сценариях: дизайн-система, прототипы, комментарии, совместная работа, handoff. Нам интересна честная обратная связь в том числе критическая. Особенно от тех, кто много работает в Figma и понимает, где обычно ломается процесс. Если вы дизайн-лид, разработчик, DesignOps или отвечаете за импортозамещение в продуктовой команде, будем рады обсудить пилот на одном проекте
Контакты для связи:
Тел.: +7(923) 426-72-77
Тг: @sibtech_tomsk
Email: sibtech_tomsk@mail.ru