История Figma: как из генератора мемов и WebGL-экспериментов вырос гигант дизайна

Pioneer 126 тыс. 16 мин 4 мин 09.06.2020
Главное

В рамках специального выпуска демо-дня акселератора Pioneer генеральный директор и сооснователь Figma Дилан Филд (Dylan Field) воссоздал атмосферу 2013 года, продемонстрировав изначальный питч своего стартапа. Видео дает уникальную возможность увидеть «сырые» прототипы, которые предшествовали появлению одного из самых дорогих инструментов для дизайна, и услышать рефлексию Филда о первых ошибках и отказах инвесторов.

🎨 От WebGL-экспериментов к «Creative Suite в браузере» 0:00

Дилан Филд начал свое выступление с признания: в 2012–2013 годах Figma выглядела совсем не так, как сейчас . В то время он был стипендиатом фонда Тиля, только что бросившим Университет Брауна, а его сооснователь Эван Уоллес (Evan Wallace) работал ассистентом преподавателя .

Главным источником вдохновения для команды послужила лекция Брета Виктора «Изобретать на принципах» (Inventing on Principle) . Филд разделяет тезис Виктора о том, что инструменты должны делать творчество доступным для каждого. Опираясь на свой опыт работы дизайнером в Flipboard, Дилан помнил, насколько неповоротливыми, сложными и не рассчитанными на совместную работу были инструменты того времени (в частности, Adobe Fireworks) .

Технологическим фундаментом Figma стал WebGL. Эван Уоллес продемонстрировал возможности технологии, создав в браузере реалистичную симуляцию шара в воде в реальном времени . Это подтолкнуло основателей к амбициозной мысли: если WebGL позволяет такое, то в браузере можно воссоздать весь пакет Creative Suite .

Первоначальное видение Figma строилось на трех столпах:

Интересно, что в 2013 году Филд скептически относился к редактированию в реальном времени, считая, что одновременная работа нескольких человек над одним объектом — «это, вероятно, не очень хорошо», хотя и признавал острую потребность в удобном механизме фидбека .

🧪 Демонстрация прототипов: от «фейс-свапов» до фоторедактора 3:16

В ходе питча Дилан Филд показал серию ранних экспериментов, которые команда создавала, чтобы прощупать почву. Многие из них были «разрозненными хаками», а не единым продуктом .

Среди показанных инструментов были:

  1. Face Swapping: приложение для замены лиц на фотографиях, созданное в августе-сентябре 2012 года .
  2. Инструменты выделения и маскирования: алгоритмы, позволяющие отделять объекты от фона (image matting), рисуя черно-белые маски .
  3. Color Line: визуализация цветовых градиентов в пространстве и возможность менять цвета на фото, просто смещая кривые .
  4. Фоторедактор в браузере: аналог Lightroom, позволяющий менять экспозицию, тени и баланс белого в реальном времени .
  5. Алгоритмическая кисть: инструмент, который захватывал палитру с фотографии и позволял создавать на ее основе анимации .

Филд отметил, что на тот момент он презентовал эти наработки инвесторам как «будущий Photoshop или Illustrator», хотя по факту это были лишь отдельные проекты, не связанные друг с другом .

📉 Ошибочные прогнозы и реальность стартапа 8:13

В 2013 году основатели Figma были полны оптимизма, который Филд сегодня называет наивным. В их плане значилось, что закрытая бета выйдет через полгода, а еще через полгода появится версия для планшетов . В реальности запуск сообщества Figma Community состоялся лишь в октябре 2019 года, а версия для планшетов долгое время оставалась в тени .

В разделе конкурентного анализа Филд тогда «опрометчиво» заявлял, что Sketch слишком забагован и не станет долгосрочным конкурентом . Он также признал, что сильно недооценил сложность найма сотрудников: основатели думали, что быстро соберут команду, но этот процесс растянулся на годы .

❌ Почему инвесторы говорили «нет» 10:09

Несмотря на впечатляющее владение технологиями, Филд получал отказы. Самым значимым он считает отказ Джона Лилли (John Lilly), который позже все же возглавил раунд серии А для Figma .

По словам Филда, Лилли честно сказал в ходе посевного раунда: «Я просто не думаю, что вы понимаете, что делаете» . В ретроспективе Дилан признает его правоту. Именно диалоги с Лилли помогли Figma сузить фокус до дизайна интерфейсов и сделать ставку на многопользовательскую совместную работу .

Однако нашлись и те, кто поверил в проект сразу, например, Дэнни Раймер из Index Ventures. Увидев питч, он перезвонил в ту же ночь и подтвердил участие в сделке .

💡 Миссия против рынка: советы будущим фаундерам 11:54

Дилан Филд утверждает, что его подход всегда был больше ориентирован на миссию, чем на сухой расчет объема рынка (TAM) . По его мнению, начинать с «интересного» важнее, чем с «выгодного».

В качестве примера он привел «худшую неделю в истории Figma», когда команда создала генератор мемов . Филд вспоминает, что в тот момент чувствовал полное отсутствие цели и смысла. Однако даже этот тупиковый путь принес пользу: Эван Уоллес разработал для генератора мемов технологию рендеринга текста, которая позже стала основой текстового движка в финальном продукте Figma .

Филд критикует классический подход «продуктовой анкеты» (какую проблему решаете, кто платит, почему вы лучше), если за этим не стоит реального процесса созидания. По мнению гостя, если предприниматель не строит что-то новое здесь и сейчас, конкурентное преимущество будет очень трудно защитить .

В завершение беседы на вопрос о том, чем бы он занимался, если бы не Figma, Дилан Филд выделил две наиболее интересные и перспективные на сегодняшний день сферы:

  1. Приватность (Privacy) .
  2. Искусственный интеллект (AI) .
💬 Цитаты

«В 2013 году я говорил, что Sketch — это очень бажное приложение и они не будут долгосрочным конкурентом.»

Дилан Филд 09:31

«Худшая неделя в истории Figma была, когда мы создали генератор мемов. Я чувствовал себя потерянным и не понимал, зачем я бросил университет.»

Дилан Филд 12:20

«Если люди не могут творить — это аморально и неправильно.»

Дилан Филд 01:06
👥 Спикеры
🔗 Упомянутые сайты и проекты
📖 Термины
WebGL
Программная библиотека для рендеринга интерактивной 3D и 2D графики внутри браузера без использования плагинов.
TAM
Total Addressable Market — общий объем целевого рынка, который компания может охватить своим продуктом.
Thiel Fellow
Участник программы Питера Тиля, получающий грант в $100,000 при условии отказа от обучения в колледже ради стартапа.
📊 Цифры
🗓 Хронология
  1. август 2012 Дилан Филд и Эван Уоллес создают приложение для замены лиц Face Swapping.
  2. июнь 2013 Оригинальный посевной питч Figma инвесторам.
  3. весна 2014 Команда Figma окончательно определяется с направлением продукта (интерфейс-дизайн).
  4. октябрь 2019 Запуск Figma Community.
⚖️ Другая сторона
Стартапы и бизнес Dylan Field Figma Evan Wallace WebGL стартапы