Figma

Figma — это облачный сервис для разработки интерфейсов (UI) и дизайна пользовательского опыта (UX), работающий по модели «программное обеспечение как услуга» (SaaS). Ключевой особенностью Figma является работа непосредственно в веб-браузере, что обеспечивает кроссплатформенность, совместный доступ к проектам в реальном времени и хранение данных на серверах компании. Инструмент используется для создания макетов веб-сайтов, мобильных приложений, прототипов, презентаций и графических материалов.

История

Основание и запуск

Сервис был основан в 2012 году Диланом Филдом, который ранее занимался разработкой алгоритмов для браузерных приложений в компании Microsoft и работал над проектами в сфере машинного обучения. Первоначально проект носил рабочее название «Figment», но впоследствии был переименован в Figma. В 2015 году компания привлекла первые инвестиции в размере 14 миллионов долларов от венчурных фондов Index Ventures, Greylock Partners и других.

Публичный запуск Figma состоялся в декабре 2016 года. На момент выхода основными конкурентами были настольные приложения Adobe Photoshop, Adobe XD и Sketch, которые требовали установки на локальный компьютер и не имели полноценной поддержки многопользовательской работы.

Развитие и приобретение

К 2020 году Figma стала одним из самых популярных инструментов для UI/UX-дизайна, особенно в стартапах и технологических компаниях. В 2021 году оценка компании достигла 10 миллиардов долларов.

15 сентября 2022 года компания Adobe объявила о намерении приобрести Figma за 20 миллиардов долларов (сделку планировалось закрыть в 2023 году). Однако в декабре 2023 года сделка была отменена из-за противодействия антимонопольных регуляторов Европейского союза и Великобритании, которые усмотрели в слиянии риск монополизации рынка дизайнерского ПО. Adobe выплатила Figma неустойку в размере 1 миллиарда долларов.

Архитектура и технические особенности

Облачная модель

Figma работает на основе WebGL и WebAssembly, что позволяет обрабатывать сложную векторную графику непосредственно в браузере без установки плагинов. Все данные хранятся на серверах компании (в США и Германии) и синхронизируются в реальном времени. Это исключает необходимость в ручном сохранении версий и конфликты при одновременной работе нескольких пользователей.

Редактор

Интерфейс Figma состоит из панели инструментов, слоёв, свойств объекта и холста. Основные возможности включают:

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

FigJam

В 2021 году Figma запустила отдельный продукт для совместной работы «FigJam» — онлайн-доску для брейншторминга, диаграмм и планирования. FigJam интегрирован с основным редактором Figma, позволяя дизайнерам и менеджерам работать в единой экосистеме.

Виды и тарифные планы

Figma распространяется по модели Freemium (бесплатная базовая версия с ограничениями). На 2024 год выделяют следующие тарифы:

Применение

Веб-дизайн и разработка интерфейсов

Figma является стандартом де-факто для многих IT-компаний при создании макетов сайтов и приложений. Дизайнеры создают в Figma компоненты, которые затем передаются разработчикам через экспорт CSS-кода, SVG-файлов или через интеграцию с системами контроля версий (например, Zeplin, Avocode).

Прототипирование

Инструмент позволяет создавать кликабельные прототипы без написания кода. Прототипы могут быть протестированы на пользователях, а ссылки на них — отправлены заказчикам.

Дизайн-системы

Крупные компании (например, Uber, Microsoft, Apple) используют Figma для создания единых дизайн-систем — наборов правил, компонентов и стилей, которые обеспечивают визуальное единообразие всех продуктов.

Образование и фриланс

Благодаря бесплатному тарифу и низкому порогу входа, Figma широко используется в учебных курсах по UI/UX-дизайну, а также фрилансерами для выполнения заказов.

Ограничения и критика

Зависимость от интернета

Основным недостатком Figma является необходимость постоянного подключения к сети. При отсутствии интернета работа в веб-версии невозможна; десктопное приложение, основанное на Electron, также требует синхронизации. В 2022 году были зафиксированы случаи сбоев в работе сервиса, что приводило к потере доступа к проектам на несколько часов.

Безопасность данных

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

Отсутствие офлайн-режима

В отличие от настольных редакторов (Adobe XD, Sketch), Figma не поддерживает полноценную работу без интернета. Это делает инструмент непригодным для использования в условиях нестабильной связи.

Конкуренция

Несмотря на популярность, Figma сталкивается с конкуренцией со стороны:

• Penpot — открытое (open-source) ПО для дизайна, работающее по аналогичной облачной модели.
• Sketch — настольное приложение для macOS, имеющее мощную экосистему плагинов.
• Adobe XD — продукт Adobe, интегрированный с Photoshop и Illustrator.

Figma в России

После начала вооружённого конфликта на Украине в 2022 году компания Figma приостановила продажи в России и отключила возможность оплаты подписок с российских банковских карт. Пользователи из РФ сохранили доступ к бесплатным тарифам, но не могут приобрести платные версии. В ответ на это на российском рынке активизировались альтернативные сервисы, такие как Figma Clone (российская разработка на базе открытого кода Penpot) и Yandex.Design (проект компании Яндекс). По состоянию на 2024 год, российские дизайнеры продолжают использовать Figma через VPN и сторонние платежные системы, однако юридические лица испытывают трудности с соблюдением лицензионных соглашений.

Интересные факты

• Figma написана на языках C++ (движок рендеринга) и TypeScript (интерфейс).
• В 2020 году Figma стала первым дизайнерским инструментом, который включил поддержку векторной графики в браузере с использованием WebAssembly.
• Компания Figma не имеет собственного дата-центра и использует инфраструктуру Amazon Web Services (AWS).
• В 2023 году Figma выпустила функцию «Variables» (переменные), позволяющую задавать динамические значения для цветов, шрифтов и отступов, что приблизило инструмент к возможностям CSS-препроцессоров.

Источники

• Figma. Официальный сайт компании. Раздел «About».
• TechCrunch. «Figma raises $14M to bring design to the browser». 2015.
• The Verge. «Adobe is buying Figma for $20 billion». 2022.
• Коммерсантъ. «Figma уходит из России». 2022.
• Habr. «Обзор Figma: возможности и ограничения». 2023.
• Документация Figma. «What is Figma?».