Найти в Дзене

Рассказываем о Figma — это аналог Tesla среди графических редакторов. Истории сервисов.

Они жили мечтой, которой суждено было сбыться. Сейчас Figma — не просто стартап, а целая вселенная, где сошлись художники, разработчики и крупные корпорации с многолетней историей. Сервис Плати Легко! начинает серию публикаций про истории создания и развития современных популярных сервисов: как они появились, как изменили нашу жизнь и что происходило в то время. И начинаем мы с истории Figma — популярного сервиса для дизайнеров и моделлеров. В начале 2010-х рынок только заполнялся новыми технологиями, которых так требовал мир. Пока музыкальная и текстовая сферы шагнули вперед с появлением Spotify и онлайн-платформы Google Docs, дизайнерам приходилось непросто. Популярные, но не очень удобные софты от Adobe или графический инструмент Sketch были инновацией для своего времени. Хотя все чаще становилось понятно, что их функциональность разбивается об ограничения в совместном доступе. Дизайнеры обрабатывали десятки гигабайтов файлов, передавали их через почту по несколько раз и только пото
Оглавление
Они жили мечтой, которой суждено было сбыться. Сейчас Figma — не просто стартап, а целая вселенная, где сошлись художники, разработчики и крупные корпорации с многолетней историей.

Сервис Плати Легко! начинает серию публикаций про истории создания и развития современных популярных сервисов: как они появились, как изменили нашу жизнь и что происходило в то время.

И начинаем мы с истории Figma — популярного сервиса для дизайнеров и моделлеров.

Как существовал дизайн до Figma?

В начале 2010-х рынок только заполнялся новыми технологиями, которых так требовал мир. Пока музыкальная и текстовая сферы шагнули вперед с появлением Spotify и онлайн-платформы Google Docs, дизайнерам приходилось непросто. Популярные, но не очень удобные софты от Adobe или графический инструмент Sketch были инновацией для своего времени. Хотя все чаще становилось понятно, что их функциональность разбивается об ограничения в совместном доступе. Дизайнеры обрабатывали десятки гигабайтов файлов, передавали их через почту по несколько раз и только потом приступали к редактированию. Это занимало много времени, что сильно затрудняло непростую работу. Сейчас такой формат кажется страшным сном, а тогда это было реальностью. Стало ясно, что пришло время больших перемен, но совмещение дизайна и онлайн-платформ пока казалось невозможным.

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

Кто стоит за созданием Figma?

Figma была революционным решением не только для дизайна, но и для всех сфер, которые развивались в удаленном формате. А кто же стоит за этим сервисом?

Создателями выступили Дилан Филд — в прошлом сео-специалист и энтузиаст в сфере компьютерной графики, и Эван Уоллес — веб-дизайнер и 3D-моделлер.

Дилан Филд и Эван Уоллес — создатели Figma. Источник: Bloomberg
Дилан Филд и Эван Уоллес — создатели Figma. Источник: Bloomberg

Будущие сооснователи онлайн-сервиса познакомились еще будучи студентами Браунского университета. Однокурсники быстро нашли общий язык, потому что оба были большими фанатами компьютерных технологий и дизайна. Со временем Уоллес и Филд настолько увлеклись идеей создать нечто инновационное, что уже во время учебы начали разрабатывать свои первые задумки. И пока Эван реалистично смотрел на мир через призму математики и алгоритмов, Дилан придумывал стартапы и мечтал изменить мир любой ценой, но пока не понимал как.

От сервиса-генератора мемов до многомиллиардного стартапа

Так, в 2012 году во время летней стажировки в LinkedIn Дилан Филд понял, что учеба — это не про него, пора сосредоточиться на реальных проектах. Спустя несколько месяцев поисков инвестиций разработчик наконец получил грант на развитие собственного бизнеса в $100тыс от миллиардера Питера Тиля. Задумка была в том, что предприниматель был готов вложиться в любой перспективный проект, но с условием — разработчики прощаются с образованием и уделяют все время работе. Филд решил рискнуть и не прогадал, так началась история сервиса.

Правда, в тот момент Figma задумывалась не как онлайн-инструмент для дизайна. Это был софт для 3D-дронов, а потом и вовсе генератор мемов. Какие-то идеи казались интересными и всерьез обсуждались, а другие были совсем абсурдными, поэтому даже не рассматривались.

Дизайнеры понимали, что вся digital-индустрия продолжит стоять на месте до тех пор, пока не появится что-то новое. Photoshop оставался самым прогрессивным софтом с инновационными функциями, Sketch можно было использовать только на macOS. А дизайнеры все еще не могли себе позволить совместно работать над одним проектом одновременно. Будущие миллиардеры решили покончить с неудобными программами, но как это сделать — все еще оставалось загадкой.

После десятка успешных и провальных идей они наконец нашли свой бриллиант — Photoshop, но в браузере. Это был вызов медиа-гиганту Adobe, а вот с реализацией пока были проблемы.

Сложный путь к запуску beta-версии

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

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

В 2012 году мир боялся конца света, а будущие миллиардеры были заняты более важным делом и уже начали первые разработки сервиса. Филд продумывал, как продвинуть и презентовать стартап, Уоллес создавал систему векторной графики, которая могла бы работать в браузере с такой же скоростью, как и десктопные программы. Все это казалось полным абсурдом, поэтому Figma разрабатывалась в закрытом режиме.

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

В одном из интервью Филд признался, что они не понимали, что делают и будет ли это полезно для пользователей. Рынок большой, а четкой стратегии не было, только амбиции и знания в айти.

Для качественного продукта требовались не только знания того, как облегчить работу дизайнерам, но и дополнительные инвестиции. В 2013 году, пока мир наблюдал за ростом Bitcoin и смотрел фильмы «Великий Гэтсби» и «Волк с Уолл-стрит» с Леонардо Ди Каприо, о таком сервисе, как Figma, еще никто не знал, но у компании уже появляются первые спонсоры.

К 2014 начались полноценные тесты. Так первые годы до публичного запуска прошли в постоянных доработках. Филд и Уоллес тестировали свою же программу на себе, создавая абсолютно все: от простых презентаций до сложнейших логотипов. Запускаться на сыром движке было просто невозможно. А еще большей проблемой стало и то, что разработчики не знали как презентовать собственный продукт. Инвесторы требовали реализации проекта, рынок оказался переполнен другими программами, но не был готов к такой инновации.

Старт, который изменил все

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

Интерфейс бета-версии Figma в 2016 году. Источник: официальный ютуб-канал Figma
Интерфейс бета-версии Figma в 2016 году. Источник: официальный ютуб-канал Figma

Филд и Уоллес оказались не готовы к тому, что Figma сразу станет популярной. Им практически не приходилось привлекать пользователей, они появлялись сами. Причин несколько: во-первых, редактор действительно работал, а во-вторых, использование было абсолютно бесплатным. Конечно, для самих разработчиков это оказалось не так удобно, но и здесь пришлось менять стратегию.

Первый год монетизации не было, а вводить систему подписок бессмысленно, потому что пользователи могли снова вернуться на тот же Photoshop, которым пользовались ранее. Спустя время все получилось даже лучше, чем ожидалось. Филд и Уоллес ввели не просто подписку, а функции для командного использования.

Уже к 2018 году, когда инвестиции в Фигму стали только расти, спонсоры осознали, что этот сервис может претендовать на место Фотошопа и других редакторов, теперь официально.

Самыми успешными для Figma стали 2020 и 2022 годы. В мире появилась пандемия и все офисы начали переходить на удаленку, это ли не прорыв? Браузерный формат помог командам не просто сохранить связь между собой, но и облегчил работу. Удобство заключалось в том, что многие были далеки от удаленного формата, а домашняя техника «не тянула» многие файлы. В этот год не только инвесторы поняли, что Figma новый лидер. Теперь это осознали Photoshop и Sketch, которые были уверены в том, что их никто не обойдет.

Интерфейс Figma в 2020 году. Источник: официальный YouTube-канал Figma
Интерфейс Figma в 2020 году. Источник: официальный YouTube-канал Figma

В 2022 году в компании-разработчике Adobe осознали, что Figma новый конкурент и предложили выкупить компанию. И не за копейки, а за $20 млрд, это событие стало одной из самых крупнейших сделок за всю историю IT-рынка. Правда, всего через год договор был разорван, но это все равно показало, насколько сервис перешел все границы в инновациях.

К 2023-2024 годам, когда нейросети буквально захватили мир, Дилан Филд и Эван Уоллес не остались в стороне и тоже внедрили ИИ в работу сервиса. Теперь стало возможно без проблем подбирать макеты и цвета под определенные задачи, не мучаясь с поиском референсов и готовых шаблонов. Помимо этого, функционал расширился настолько, что в сервисе можно создавать сложную 3D-графику и анимацию. Так разработчики бросили своим конкурентам новый вызов, показав, что сервис будет развиваться и дальше.

Интерфейс Figma в 2024 году. Источник: официальный ютуб-канал Figma
Интерфейс Figma в 2024 году. Источник: официальный ютуб-канал Figma

Как менялся интерфейс Figma со старта и до наших дней

Теперь посмотрим на то, как Фигма менялась в разное время, а что изменилось с момента запуска до нашего времени.

2016 год

В 2016 году, на старте у сайта минималистичный дизайн. На главной странице всё только самое важное — основные функции, без лишних деталей. Отдаленно напоминает редактор Sketch, но акцент делается именно на облачные возможности. Функционал самый простой: выбор цвета, шрифта и его размеров, а также отдельная панель для управления файлами и совместной работы с коллегами.

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

2018 год

В 2018 году интерфейс уже больше напоминает молодую растущую компанию, которая заботится о своих пользователях. Помимо прошлых панелей добавилась новая вкладка для работы с необходимыми компонентами и стилями. Появилась сетка, позволяющая выравнивать макеты. Теперь пользователям проще разобраться, где находятся шаблоны и плагины, и как их использовать.

В этот период появился профессиональный тариф, который предлагал неограниченное количество проектов и расширенный функционал для команд.

Cайт Figma. Октябрь 2018 года. Тарифы.
Cайт Figma. Октябрь 2018 года. Тарифы.

Бесплатный тариф так остался, но с ограничениями. Теперь его могли использовать 2 пользователя для трех проектов.

Профессиональный тариф составил $12 в месяц (около 780 рублей по тому курсу) за одного редактора с ограниченным, но уже более расширенным функционалом.

Для организаций предлагался тариф $45 в месяц (около 2925 рублей по тому курсу) за того же одного редактора. Здесь были доступны все опции.

2020 год

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

Cайт Figma. Апрель 2020 года. Тарифы.
Cайт Figma. Апрель 2020 года. Тарифы.

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

Теперь тарифы стали такими:

  • Бесплатный тариф остался без изменений;
  • Профессиональный тариф предлагался по двум ценам: $12 в месяц – ежегодная подписка (около 876 рублей по тому курсу) или $15 за ежемесячную оплату (около 1095 рублей) для одного редактора с менее расширенным, но универсальным функционалом. Этот же тариф был доступен бесплатно для студентов;
  • Командный тариф составил $45 в месяц – только годовая подписка (около 3285 рублей) за одного редактора, здесь был доступ ко всем функциям.

2023 год

В основной интерфейс интегрировали AI-инструменты, вроде генерации макетов, подбора цветов к ним под любые проекты. Здесь же появилась панель с первыми 3D-инструментами, что позволило дизайнерам создать сложные эффекты. Это сделало сервис еще лучше, а индивидуальный интерфейс помог пользователям перемещать вкладки в том порядке, какой им может быть удобен в процессе работы.

Cайт Figma. Июнь 2023 года. Тарифы.
Cайт Figma. Июнь 2023 года. Тарифы.

Внедрение AI-инструментов, которые требуют больше затрат, внесли свои коррективы в тарифы, но это не сделало сервис хуже, наоборот, он стал столько универсальнее.

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

Профессиональный тариф не изменился – $12 в месяц – ежегодная подписка (996 рублей по тому курсу) и $15 за ежемесячную оплату (около 1245 рублей) для одного редактора с менее расширенным, но универсальным функционалом. Этот же тариф был доступен бесплатно для студентов.

Командный тариф тоже не изменился – $45 в месяц – только годовая подписка (около 3735 рублей) за одного редактора, здесь был доступ ко всем функциям.

2025 год

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

Cайт Figma. Февраль 2025 года. Тарифы.
Cайт Figma. Февраль 2025 года. Тарифы.

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

  • Бесплатный тариф доступен только для одного пользователя и для трех совместных файлов;
  • Стоимость профессионального тарифа составила $15 (около 1365 рублей);
  • Для компаний тариф остался на уровне $45 (около 4095 рублей);
  • А вот для крупных корпораций появился отдельный тариф с самым расширенным функционалов за $75 (около 6825 рублей);

История инвестиций в Figma. Куда ушли миллионы долларов?

Если изначальные инвестиции понятны, то как финансировался проект за все время своего существования?

Дилан Филд и Эван Уоллес постоянно искали способы для поддержки сервиса, вот примерные данные о сделках:

Первые инвестиции, которые привлекли еще в 2013 году от различных фондов, в том числе Index Ventures, не разглашались. Хотя уже становится понятно, что сумма была немаленькой, потому что этого вполне хватило на старт активных разработок.

В 2015-2021 годах в проект вложили порядка $300 млн от различных инвесторов. За эти 6 лет стоимость компании успела вырасти с $2 млрд до $10 млрд. Такое быстрое развитие только укрепило мнение о том, что сервису есть куда расти и, вероятно, рост будет таким же стремительным со временем.

Кстати, интересно, что за это время никому не известный софт вырос не только в плане оценки от инвесторов, но и в охватах. Так, всего за 6 лет численность пользователей выросла с нескольких тысяч до 4 млн. А годовой доход за все это время составил порядка $300 млн.

В 2022 году Adobe пытались выкупить Figma за $20 млрд, сделка стала одной из самых крупнейших в IT-сфере, но в итоге сорвалась. Хотя всего через 2 года, в 2024 году, обе компании сделали интеграцию в поддержку внедрения ИИ-технологий. Такая коллаборация принесла Филду и Уоллесу дополнительные $500 млн, которые пошли на дальнейшее развитие сервиса. В это время число пользователей увеличилось до 10 млн, а вот годовой доход компании достиг уже $400 млн.

Какие сотрудничества укрепили Figma и какое будущее ожидает сервис?

В самом начале своего развития Figma уже частично сотрудничала с Google Fonts, внедрив в интерфейс сотни бесплатных и известных шрифтов. Это упростило работу многих дизайнеров, за счет чего интеграция стала очень успешной.

В 2019-2020 годах сервис пытался внедриться в сервисы Trello, Slack и Jira, и, хотя с первыми ничего получилось, остальные открыли много возможностей. Теперь крупные компании могли вести переговоры и вносить правки прямо на платформе. Это же помогло запустить образовательную программу Figma for Education для студентов и преподавателей, где эта функция стала еще более необходимой. Кстати, сейчас под этим же названием официальный аккаунт Figma на YouTube ведет отдельную рубрику с туториалами, что помогает еще ближе ознакомиться с сервисом.

Интерфейс Figma for Education 2024. Источник: официальный YouTube-канал Figma
Интерфейс Figma for Education 2024. Источник: официальный YouTube-канал Figma

В 2021 году Figma подписала контракт с Microsoft Teams, добавив новый функционал в работу. Уже через пару лет разработчики начали активное сотрудничество с Adobe и даже смогли добраться до Meta. Если интеграция с прямым конкурентом прошла успешно, и даже привлекла огромные финансы, то партнерство с бывшей простой соцсетью только планируется.

Сейчас Figma и Meta совместно создают и тестируют интерфейсы для метавселенной с поддержкой AR-VR-технологий. Теперь дизайнеры смогут не только создавать макеты и логотипы, но и поработают в условиях виртуальной и дополнительной реальности.

Какие компании использовали Figma для создания своих логотипов?

Многие зарубежные корпорации хотя бы раз применяли этот сервис для разных целей. Среди самых популярных оказались: Twitter (нынешний X), Netflix, Philips, hp, Zoom, Notion, Uber, Asos и многие другие.

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

Сложно сказать, какие именно крупные российские сервисы использовали для своих логотипов и интерфейсов Figma, потому что это не афишируется. Но можем предположить, что, в 2020-х онлайн-редактор во многом помог «Яндексу», «Тинькоффу» (нынешний Т-банк) и «Сберу». К менее крупным стартапам относятся Wildberries, Delivery Club, Skyeng и многие другие.

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

Что делать с оплатой Figma и как ее осуществить в условиях санкций?

Миссия сервиса Плати Легко! — помочь своим клиентам не потерять сервисы, на которые внезапно наложили санкции, а удобный механизм оплаты позволяет быстро и со 100% гарантией совершать транзакции с любыми нужными вам сайтами и кабинетами.

Наши дружелюбные операторы работают для вас круглосуточно и без выходных. Мы проводим тысячи оплат ежедневно и платежей в пользу Figma среди них довольно много.

Множество клиентов уже воспользовались услугами сервиса Плати Легко! и оставили свои положительные отзывы, изучить их все можно на нашей карточке в ЯндексБизнес по этой ссылке. Присоединяйтесь и вы к нам и подписывайтесь на наш Дзен!