Основатель в мгновение стал миллиардером! 10 самых крутых фишек сервиса Figma, которые уничтожили Adobe XD
Возможно, вы слышали про Figma. Это сервис, которым пользуются все дизайнеры.
Недавно Figma провела одно из самых успешных IPO в мире, а её основатель сразу же стал миллиардером. Кроме того, компания сумела утереть нос Adobe. Как именно? Сейчас расскажу.
Заодно объясню, почему Figma так нравится всем дизайнерам. В этом мне помог Поиск с Алисой от Яндекса, который собирает информацию со всего интернета и сразу выдает ответ с ссылками на источники.
КРАТКОКак Figma уничтожила Adobe XD ФИШКИ FIGMA
1. Figma работает в браузере
2. Можно легко работать вместе над одним проектом
3. Простой интерфейс
4. В Figma легко делать адаптивный дизайн
5. Удобное прототипирование интерфейсов
6. Удобно работать со своими файлами
7. Есть быстрое редактирование нескольких элементов
8. Удобная интеграция для разработчиков
9. Огромное количество плагинов
10. Figma можно пользоваться бесплатно
Что такое Figma
Figma — это бесплатный сервис для дизайнеров, которые создают сайты, приложения или работают с векторной графикой. В России Figma также очень полюбили дизайнеры, которые делают карточки товаров для маркетплейсов.
Компания была основана в 2012 году, но первая версия вышла только в 2016-м. Все четыре года Дилан Филд (гендиректор и председатель совета директоров) вместе с Эваном Уоллесом работал над разработкой сервиса. Первые инвестиции они получили от основателя PayPal Питера Тиля. В 2012 году Филд выиграл стипендию Тиля в размере $100 тыс.
В 2018 году, спустя пару лет после релиза, Figma пользовались 20% веб-дизайнеров. В 2020 году Figma занимала уже 60% рынка.
А теперь о том, как Figma победила Adobe.
Как Figma уничтожила Adobe XD
Успех Figma привёл к падению популярности Adobe XD, а в 2023 году его разработка была прекращена.
В 2022 году XD приносил Adobe всего $17 млн, и над ним работали 19 человек. Для сравнения: в том же 2022 году выручка Figma составляла $749 млн.
В сентябре 2022 года Adobe всех удивила, объявив о покупке Figma за $20 млрд. Эта сделка не понравилась никому:
▶︎ Инвесторы посчитали сумму в $20 млрд слишком большой. Это привело к самому резкому однодневному падению акций с 2010 года.
▶︎ Обычные пользователи были не в восторге, так как многим не нравится Adobe. Они небезосновательно опасались, что после перехода под контроль Adobe сервис сильно испортится.
▶︎ Регулирующие органы Великобритании и Евросоюза отказались одобрять сделку, заявив, что она будет способствовать созданию доминирующего положения Adobe на рынке. США также были готовы помешать сделке.
В конце 2023 года Adobe отказалась от покупки Figma, потому что не смогла обойти запреты Великобритании и Евросоюза, и выплатила Figma $1 млрд.
Этим летом Figma провела одно из самых удачных IPO в 2025 году. В первый же день акции подорожали на 250%. Компания оценивается в $38 млрд — почти в два раза больше, чем предлагала Adobe три года назад.
Теперь переходим к фишкам Figma:
1. Figma работает в браузере
Интерфейс Figma
Figma является уникальным продуктом хотя бы потому, что ей можно пользоваться прямо в браузере без каких-либо ограничений.
Веб-версия никак не отличается от настольных приложений и работает очень быстро. Благодаря этому пользователи Figma не сильно зависят от железа: им достаточно хорошего интернета. Облачная платформа также позволяет не переживать о сохранении файлов, потому что все изменения автоматически сохраняются сразу после применения.
Конкуренты, такие как Adobe XD, Illustrator и Sketch, предлагали только «прожорливые» программы для macOS и Windows.
Хотя у Figma есть приложения для macOS и Windows, они являются всего лишь оболочкой для веб-версии и необязательны для использования.
2. Можно легко работать вместе над одним проектом
С самого начала Figma была заточена под командную работу. Работу с графикой в Figma можно сравнить с совместным редактированием документа в Google Docs: всё так же просто и быстро. Прямо в макете можно оставлять комментарии с правками, редактировать проект или следить за тем, как его меняют другие участники.
В Adobe XD, аналоге Figma для UI/UX-дизайна, совместное редактирование появилось только в 2019 году, спустя три года после выхода Figma. При этом Adobe требовала сохранять документы в Creative Cloud, но всё это работало не так быстро и плавно, как в Figma.
3. Простой интерфейс
Figma намного проще в освоении для новичков в дизайне. Её интерфейс не такой запутанный, как у Sketch и Adobe XD.
А если появятся вопросы, в интернете можно найти огромное количество видеоуроков и курсов по Figma. Многие из них бесплатные и действительно полезные.
4. В Figma легко делать адаптивный дизайн
Одна из самых полезных функций Figma — Auto Layout. Она позволяет задавать параметры выравнивания элементов, которые автоматически подстраиваются под содержимое. Особенно это полезно для создания одного интерфейса под разные экраны, например, iPhone, iPad и Mac.
Например, вы сделали кнопку «Открыть», но решили изменить текст на «Редактировать». С помощью Auto Layout все элементы кнопки (заливка, иконки, тени) автоматически изменят размер, чтобы соответствовать новой длине текста.
Auto Layout работает со всеми объектами, поэтому с его помощью можно быстро масштабировать весь интерфейс.
5. Удобное прототипирование интерфейсов
В Figma можно быстро тестировать прототипы, чтобы проверять работу созданных интерфейсов. Соответствующая вкладка находится прямо рядом с проектом. Вы можете задать последовательность переключения экранов и любых других элементов и сразу увидеть, как это будет работать.
В Figma эта функция реализована удобнее, чем в Sketch и Adobe XD, и при этом работает быстрее.
6. Удобно работать со своими файлами
В Figma можно создавать собственные компоненты (кнопки, карточки, иконки и т. п.) и повторно использовать их в разных проектах.
Также можно собрать библиотеку стилей с фирменными цветами, шрифтами и другими элементами для вашего продукта. Эта функция особенно полезна для крупных компаний, где есть единый дизайн-код.
Кроме того, при изменении одного из компонентов он автоматически обновляется во всех частях проекта, избавляя пользователя от необходимости вручную менять одни и те же элементы.
Например, если вы разрабатываете похожие приложения, многие элементы можно один раз загрузить в Figma и затем использовать их во всех проектах.
7. Есть быстрое редактирование нескольких элементов
В Figma есть функция Smart Selection для быстрого выбора и редактирования сразу нескольких элементов.
Фактически можно выделить любое количество объектов и за один раз изменить их так, как вам нужно. Например, настроить расстояние между элементами или заменить изображения внутри проекта.
8. Удобная интеграция для разработчиков
После того как дизайнеры завершают работу над интерфейсом, им нужно передать макеты и параметры разработчикам, чтобы те реализовали их в готовом продукте.
Разработчики могут подключиться к проекту и в режиме Dev Mode посмотреть всю необходимую информацию: размеры элементов, отступы, а также сгенерированные коды для CSS, Swift и XML. Кроме того, можно быстро экспортировать все использованные иконки и изображения.
При этом разработчики видят готовый макет и могут сравнить его с результатами работы. Если дизайнеры вносят изменения, они сразу отображаются в Dev Mode.
9. Огромное количество плагинов
Некоторые плагины могут одним кликом изменить весь проект
По-настоящему всю мощь Figma раскрывают сторонние плагины. Для сервиса существует огромное количество дополнений: с иконками, изображениями, анимациями, инструментами ИИ и интеграциями с другими сервисами.
Плагины значительно упрощают работу, позволяя сосредоточиться на проекте, а не тратить время на поиск ресурсов вроде иконок.
В Adobe XD плагины тоже были, но их функциональность была сильно ограничена, и по количеству они значительно уступали Figma.
💡 Популярные плагины для Figma
▶︎ Unsplash — большая и бесплатная коллекция изображений в высоком разрешении от фотографов со всего мира.
▶︎ Icons8 Background Remover — удаляет фон с любых изображений.
▶︎ Figmoji — большая коллекция эмодзи для проектов.
▶︎ Warp It — плагин для искажения текста в различных плоскостях.
▶︎ Image Palette — генерирует цветовую палитру из любого изображения.
10. Figma можно пользоваться бесплатно
Фундаментальное преимущество Figma заключается в том, что большинство функций доступны бесплатно. Отчасти из-за этого Figma можно простить любые недостатки.
Бесплатный тариф подойдёт в основном для личного использования. Если вы работаете в команде, то понадобится подписка, которая разблокирует Dev Mode и другие сервисы, например, Figma Slides для создания презентаций. Кроме того, в платной подписке можно работать с неограниченным количеством открытых файлов (в бесплатной версии можно открыть максимум 3 файла), а ещё она включает продвинутую историю изменений.
Цены на профессиональную подписку начинаются от $5, а самые популярные варианты стоят $15-20. В России подписки Figma стоят ~500-1000 рублей в месяц.
Основные выводы
Figma является ещё одним доказательством того, что новая компания за несколько лет способна победить крупную корпорацию.
Интересно, что первая версия Adobe XD вышла в 2016 году, даже на несколько месяцев раньше, чем Figma.
Сегодня Figma — самое популярное в мире приложение для создания интерфейсов. Её единственный заметный конкурент, Sketch, с каждым годом теряет позиции.
