Под редакцией Валерии Кручины

6 Июня 2022

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

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

Альтернатива Figma: 6 программ и сервисов с аналогичными возможностями

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

Наиболее известный Figma аналог – разработанный голландской компанией Bohemian Coding векторный редактор Sketch. Программа Sketch нативно интегрируется в macOS и использует собственные средства операционки для отображения контента, поэтому работает редактор плавно, не нуждается в большом запасе мощностей железа и занимает минимум места в памяти. Русский язык интерфейса отсутствует, тем не менее панели инструментов и меню достаточно простые – тем, кто раньше работал с другими редакторами, легко привыкнуть к расположению кнопок и клавиатурным сокращениям. Готовые «скетчи» можно экспортировать в форматах: JPEG, PNG, TIFF, PDF, SVG.

Поддерживаемая платформа: macOS

Платная/бесплатная: платная, от $99 в год

Есть ли пробный период: есть, 30 дней

Blocs Website Builder – еще один похожий по возможностям на Figma аналог с нативной программой для macOS. По сути Blocs – это визуальный редактор для верстки простых адаптивным сайтов. В редакторе проектирование реализовано по принципу конструктора: выбираете готовые блоки, складываете из них экраны сайта или приложения, редактируете стили, добавляете графику и интерактивные возможности. Готовый прототип дизайна сохраняется в виде готового пакета файлов HTML + CSS, причем, в расширенной версии также реализован экспорт в формате темы для CMS Wordpress. Немаловажный плюс – экспортированный код является SEO-friendly и полностью готов к выпуску в продакшен, что существенно сокращает сроки разработки и позволяет сэкономить на верстке.

Поддерживаемая платформа: macOS

Платная/бесплатная: платная, от $99 за лицензию

Есть ли пробный период: есть

InVision – облачный сервис для дизайна, прототипирования, командного проектирования интерфейсов приложений и сайтов. В отличие от упомянутых выше альтернатив, InVision не привязан к единственной платформе и отлично работает во всех десктопных операционных системах: Windows, macOS, Linux, Chrome OS и пр. Непосредственно в редакторе помимо основных инструментов управления блоками предусмотрены библиотеки стандартных элементов дизайна, шаблоны, виджеты, благодаря чему на сборку экранов лендингов и мобильных приложений тратится меньше времени – ничего базового не приходится рисовать с нуля. На выходе эта замена Figma генерирует интерактивный прототип с поддержкой базовой функциональности – то что нужно для презентации, – и дает доступ к программному коду используемых в дизайне элементов. Поддерживается экспорт проектов из других редакторов прототипов.

Поддерживаемая платформа: Web

Платная/бесплатная: бесплатная, есть расширенная версия – от $4.95 в месяц

Есть ли пробный период: есть

Turbologo – не совсем то же, что Figma, но очень полезный для дизайнера специализированный инструмент для генерации логотипов. Онлайн-сервис представляет собой конструктор, для пользования которым не обязательно быть специалистов в области дизайна. Все, что нужно для получения десятков вариантов логотипа для компании. стартапа или раскрутки личного бренда самозанятого – создать аккаунт и задать генератору входные данные. На основе выбранной сферы деятельности, палитры и предпочтений по значкам, указанных пользователем, Turbologo создает подборку вариантов логотипа. Причем делает он это совершенно бесплатно, а платить нужно только за скачивание понравившегося варианта лого. Встроенный редактор позволяет внести корректировки в выбранный вариант и посмотреть, как он будет смотреться при печати на носителях. Дизайнеры также могут использовать генератор для вдохновения.

Поддерживаемая платформа: Web

Платная/бесплатная: платная, оплата за скачивание готовых логотипов – от €16 за один вариант

Есть ли пробный период: нет

Zeplin – не замена, а скорее дополнение к Figma и другим упомянутым в статье альтернативным редакторам прототипов. Этот сервис устанавливается в виде плагина к реакторам прототипов и позволяет генерировать валидный программный код для верстки и реализации интерактивный возможностей, которые дизайнер заложил в макет. По сути, Zeplin – это рабочее пространство для организации взаимодействия между специалистами, задействованными в разработке визуальной части цифрового продукта. К дизайну инструмент относится косвенно, но именно благодаря нему можно экономить время, для этого нужно только правильно изначально настроить интеграцию.

Поддерживаемая платформа: Windows, macOS

Платная/бесплатная: бесплатная урезанная, версия для полноценной потоковой командной работы – от $6 в месяц

Есть ли пробный период: есть

Visme – онлайн-редактор графического контента, преимущественно используемый для создания презентаций. Интерфейс только на английском, но за счет того, что он построен по тому же принципу, что в Figma и других аналогичных редакторах, разобраться с ним труда не составит. Для того, чтобы попробовать возможности Visme предлагает бесплатный вариант с ограниченной функциональностью и запасом памяти для хранения презентаций и графики. При этом, если созданные графические дизайны нужно будет печатать, например, визитки или слайды, то бесплатного тарифа не хватит – в нем не реализован экспорт. Инструмент подойдет и для дизайнеров, и для тех, кто готовит контент для социальных сетей, и даже для тех, кто вообще впервые сталкивается с необходимостью сделать что-то графическое – например, презентацию по работе или по учебе.

Поддерживаемая платформа: Web

Платная/бесплатная: платная, от $29 в месяц

Есть ли пробный период: есть бесплатная версия с ограничениями

Какую из альтернатив Figma выбрать – зависит от решаемых задач. Так, для генерации логотипов или поиска вдохновения из десятков автоматически созданных референсов подойдет Turbologo. Те, кто пользовался Фигмой для создания инфографики и интерактивных презентаций, могут взять на вооружение Visme. Sketch – вариант для прототипистов и дизайнеров, но только тех из них, кто работает на macOS, потому что на других платформах инструмент не работает. Как вариант – InVision, потому для работы в облачном сервисе нужен только браузер последней версии и запас аппаратных мощностей.

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

Помогла ли вам эта статья?

Валерия Кручина

Штатный контент-менеджер сайта Movavi: пишет и редактирует веб-тексты, переводит статьи с английского. Занимается переводом текстов IT-тематики более 4 лет. Выпускница Факультета иностранных языков Томского государственного университета, также училась по обмену в университете г. Дарем, Великобритания. Финалист конкурса переводов «Как это по-русски?» от агентства Palex. Увлекается видеомонтажом и созданием субтитров к коротким видео.