Автор: Морган Кеннеди, отдел Figma-маркетинга
Куда идут разработчики для создания программного обеспечения?
В GitHub, конечно, который является домом для более чем 31 миллионов разработчиков по всему миру. Платформа разработки GitHub основана в 2008 году и с 2018 года часть Microsoft. На ней разработчики учатся, делятся и работают вместе, чтобы построить удивительное программное обеспечение.
Платформа облегчает разработчикам совместную работу, решение сложных задач и создание самых важных мировых технологий. Она делает это путем создания совместного сообщества, которое объединяется — как индивидуально, так и в командах, для создания будущего программного обеспечения и изменения мира.
«GitHub имеет большую культуру сотрудничества», - говорит Диана Монтер [менеджер по проектированию в GitHub]. «Но мы также удаленная компания, с дизайнерами, инженерами, менеджерами по продуктам и другими, работающими из разных мест. Нам нужен был способ сломать барьеры для сотрудничества и творчества, которые могут возникнуть, когда вы не разделяете то же физическое пространство, что и кто-то другой».
Развитие системы проектирования и команды, которая ее поддерживает
Когда Монтер присоединилась к GitHub в 2015 году, у компании не было сотрудников, полностью занятых системой проектирования. «Дизайнеры должны были воссоздавать одно и то же снова и снова, отсутствовала документация, шаблоны устарели, и существовали другие проблемы, которые люди пытались решить самостоятельно. Мы решили приложить массовые усилия по оптимизации наших процессов с помощью системы проектирования и документированного рабочего процесса. В течение шести месяцев после начала работы была сформирована постоянная команда, включая Монтер и еще одного человека».
Это было тогда. Сегодня команда разработчиков систем насчитывает семь человек (из 25 в общей команде разработчиков продукта), занимающихся поставкой многоразовых взаимозаменяемых компонентов, чтобы сделать процесс проектирования в GitHub эффективным, повторяемым и масштабируемым. «Системы проектирования стали основой того, как мы проектируем и строим в GitHub», - объясняет Монтер в статье, которую опубликовала.
Исправление ошибок в рабочем процессе разработки
Несмотря на то, что наличие специальной команды для создания и обслуживания системы проектирования помогло решить некоторые проблемы эффективности и согласованности проектной группы, рабочий процесс для системы и инструменты, необходимые для ее поддержки, не позволяли команде эффективно и совместно работать над основными компонентами.
«У нас были некоторые болезненные шаги в нашем рабочем процессе, которые сделали его ограниченным и запутанным для участников, которые хотели перебирать или обновлять такие вещи, как значки в нашей библиотеке значков SVG», - говорит Джон Рохан [системный дизайнер и инженер GitHub]. «Люди должны были иметь определенное программное обеспечение и знание определенных инструментов для внесения вклада».
Чтобы решить проблемы с обновлением библиотеки значков, называемой Octicons, GitHub начал эксперимент с Figma. «Мы были в восторге от Figma, потому что для обновления значков не требовалось загружать и устанавливать программное обеспечение в рамках рабочего процесса», - говорит Монтер.
Для Рохана это была комбинация Figma и API Figma, которая позволила GitHub сделать вклад как можно менее болезненным. «Перенося Octicons на Figma и используя API Figma, мы могли автоматизировать рабочий процесс, что позволяет людям вносить свой вклад в систему проектирования, используя мощные инструменты разработки платформы без какой-либо сложной настройки».
Понимая потенциальное влияние Figma на рабочий процесс команды, команда Design Systems также начала миграцию своих компонентов пользовательского интерфейса на Figma. «Почти все, что проектировщикам и разработчикам необходимо для создания и проектирования в GitHub, теперь доступно в Figma».
Создание «DesignHub» для удаленного сотрудничества
Хотя команда всегда была агностиком в использовании инструментов, культура использования Фигмы стала распространяться как лесной пожар. Для удаленной команды тот факт, что Figma ориентирована на веб-дизайн, позволил им преодолеть физическое расстояние и начать сотрудничать реальным и эффективным способом.
«Возможность перепрыгнуть в один и тот же файл с кем-то заполнила пробел, когда мы не имели возможности собраться вокруг доски с кем-то. Фигма заменила нам доску».
Кэти Чжэн [старший дизайнер продукта в GitHub] не могла не согласиться. «Впервые с тех пор, как я присоединилась к GitHub, я чувствую сотрудничество в области дизайна и все преимущества команды, которая вместе. И, возможно, это даже веселее, чем белая доска, потому что у вас есть мощные функции прямо на кончиках пальцев». Для Чжэн, Фигма включает творчество обратно в процесс. «В момент, когда я начала делать дизайн-сессии, где с другими дизайнерами закидывала файлы в Figma, я почувствовала, что, распространяя идею, мы можем создать гравитацию и импульс вокруг нее».
Сегодня Чжэн использует Фигму для «в основном всего, что вращается вокруг повествования». Дизайн — это рассказ истории, а прототипирование приводит историю в действие. «Прототипирование теперь является неотъемлемой частью моего рабочего процесса, потому что это так просто. Я могу быстро перетаскивать вещи, чтобы предложить идеи, без переключения между инструментами».
«GitHub — это пространство для сотрудничества. Все, что мы строим, все функции и инструменты, должны обеспечивать это сотрудничество. Figma является естественным инструментом для нас, потому что она охватывает и поддерживает сотрудничество между дизайнерами и инженерами»
Ускорение обратной связи для более быстрых циклов доставки
Дизайнеры, такие как Чжен, ценят, как Фигма улучшает и ускоряет цикл обратной связи, снижая барьер для участия не-дизайнеров. «В GitHub мы всегда тесно сотрудничаем с нашими проектными и инженерными командами. Чем больше мы приглашаем Инжиниринг в наш цикл обратной связи, тем лучше результат для обеих сторон и тем короче общий цикл».
Эш Гийом [графический дизайнер GitHub] соглашается. «Я могу мгновенно взять свой дизайн и поделиться ссылкой с любым из членов моей команды. Они могут открыть его в Figma и дать мне обратную связь через систему комментариев, ускоряя цикл обратной связи».
Рохан из команды Design System считает, что быстрый обмен макетами имеет важное значение для общения и получения обратной связи. «Люди могут посмотреть на фактический дизайн, который очень ценен для нас, потому что мы обмениваемся данными быстро и часто, а скорость и импульс для быстрых изменений имеют решающее значение. Инженеры рады иметь возможность перейти по Figma-link и посмотреть на проекты и прототипы».
Распространение успеха по всей компании
Когда мы спросили об успехе Figma в GitHub, в первую очередь для Монтер это то, как она помогает команде Design Systems. «С Figma легче поддерживать нашу систему проектирования в актуальном состоянии. Но думаю, что другой показатель успеха — это то, что больше инженеров и менеджеров по продуктам присоединяются и находят полезным сотрудничество с дизайнерами. Конечным успехом является распространение Figma во всей организации GitHub».
Figma помогает дизайнерам GitHub узнать больше о том, что происходит между началом идеи и завершенным дизайном. По словам Монтер «существует меньше препятствий для получения доступа к незавершенному производству для людей за пределами проектной группы, что означает, что участвует больше людей и происходит больше инноваций».
Это сотрудничество лежит в основе того, что GitHub всегда делал — создавал что-то удивительное, объединяя людей и команды в одном месте.
«Мы с другим дизайнером собирались вместе в файле дизайна Figma, просто изучали, веселились и отскакивали друг от друга. Когда кто-то другой присоединился и увидел всю работу, которую мы делали, он начал новые разговоры, которые не произошли бы иначе. Это то, чего я не испытывал ни в каком другом программном обеспечении для проектирования»
Перевод стать с сайта Figma.com
