Team Library 1.0

Team Library 1.0

Время чтения: 5 мин.

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


Компоненты - кнопки, значки, диалоги и прочие вещи - играют ключевую роль во многих системах проектирования различных компаний. Организации нуждаются в возможности делиться этими элементами с другими членами команды. Таким образом, каждый сможет структурировать свою работу и всегда оставаться в курсе проектов. Несколько компаний даже пошли на крайности и создали собственные инструменты для этой части системы проектирования. Например, Airbnb и Facebook наняли экспертов для поддержки и создания подобного внутреннего программного обеспечения.


Мы считаем, что совместное использование компонентов является ключевым для масштабной разработки, поэтому мы сделали этот аспект приоритетным в нашем продукте, и выпустили бета-версию Team Library еще в феврале. Это было всего через несколько месяцев после того, как вышла Figma. С тех пор многие компании пользовались этой функцией более последовательного и эффективного дизайна, и их взгляд помог нам в процессе разработки для версии 1.0.


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


С Figma вы можете перестать:


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


Когда вы публикуете или вносите изменения в общий компонент в Figma, вы можете быть уверенны, что каждый сразу же видит новый компонент в Team Library. Вы также получите уведомление, если кто-либо еще обновит компонент в другом файле, и вы сможете решить, применять ли изменения к своим собственным примерам.


До и после: эволюция The Team Library


Мы запустили нашу бета-версию в виде bare bones, с целью изучить наших пользователей и понять, что им больше всего нужно. Вскоре оказалось, что даже для бета-версии наша изначальная Team Library была слишком простой. Фактически, это было довольно сильно ограничивало людей, которые пытались выйти за границы систем проектирования.


Team Library UI


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


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


Совет: Быстрое переключение вкладок левой боковой панели с помощью alt + 1…3

Кроме того, на левой боковой панели есть третья вкладка, где вы можете увидеть овервью своих локальных компонентов. Это упрощает их публикацию в вашу Team Library, потому что вы можете точно видеть, что будет отображаться в вашей библиотеке, прежде чем вносить некоторые изменения.



Документация


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


Новое: После выбора компонента вы можете добавить информацию о нем в правую панель свойств. Затем участники могут просматривать созданную вами документацию компонента, когда они ищут компоненты в Team Library.


Категоризация


Раньше: ключевой частью функционирующей системы проектирования является организация. Наша бета-версия Team Library позволяла категоризировать компоненты только по файлам, что привело к беспорядку.


Теперь: вы можете видеть, что ваши компоненты организованны по группе и фрейму в дополнению к файлу в Team Library. Например, если вы соберете все компоненты кнопок в группе и назовете ее «Кнопки», вы увидите, что миниатюры отображаются под «Кнопками» на обеих вкладках «Компоненты» и «Team Library» левой боковой панели.


Совет: Установите фон общего компонента, изменив цвет фона содержащегося фрейма.


Узнать больше


Если вам интересно узнать больше о Team Library и новых вкладках боковых панелей, мы подготовили это видео, в котором все подробно рассматривается, а также эту статью, где есть все, что вам нужно знать. Если вы новичок в компонентах или хотите узнать больше о них, ознакомьтесь с этой статьей. 


Так как дизайн становится частью, как крупных, так и маленьких компаний, потребность в связи и формализации процесса проектирования быстро растет. Мы надеемся, что Team Library 1.0 поможет совместным командам создать масштабные сплоченные продукты.


Большое спасибо всем, кто поддерживал нас, - ваш фидбек вдохновил и определил наше видение 1.0.


Report Page