Figma to Azure Devops

Плагин Figma to Azure Devops позволяет экспортировать компоненты, созданные в Фигме, в виде ссылок и изображений в элементы в Azure Devops.

Проблема

Фигма и Azure Devops — два отличных инструмента для разных целей, и оба они используются командой по-разному. Дизайнер сделает что-то в Фигме, но остальная часть команды должна знать, что делает этот компонент, а разработчикам потребуется дополнительная информация, чтобы иметь возможность построить компонент. Azure Devops допускает совместную работу между командами, но связывание этой информации с Фигма может быть утомительным ручным процессом. Информация может быстро рассинхронизироваться, поскольку требования разрабатывают дизайн, который может не обновляться для отражения этих изменений. Несмотря на то, что Фигма является отличным инструментом дизайна, для большой команды может быть сложно ориентироваться.

Решение

Этот плагин пытается решить некоторые из этих межкомандных проблем с помощью

• Сокращение времени, необходимого для обновления контента в Azure Devops при изменении дизайна;
• Создания прямых связей между элементами Azure Devops и компонентом в Фигмы, который они описывают;
• Еле заметных изменений компонентов в Azure Devops, которые постоянно обновляются;
• Автоматической нумерации версий файла Фигмы, чтобы номер версии в Фигмы оставался актуальным с номером версии в Azure Devops.

Запуск плагина

Только редакторы могут использовать этот плагин.

Получите ссылку на рабочий элемент Azure Devops. Ожидается следующий URL:

{https}://{dev.azure.com}/{Account}/{Project}/_workitems/edit/{ID}

• Protocol: только https
• Domain: работает только dev.azure.com;
• Account: имя учетной записи Azure Devops;
• Project: имя проекта Azure Devops;
• ID : идентификатор рабочего элемента.

Добавьте это к файлам в Фигмы, которые относятся к рабочему элементу в поле «Documentation Links» в представлении дизайна.

После установки подключаемого модуля вам потребуются токены доступа, связанные с вашими учетными записями Azure Devops и Figma.

• Как получить токен доступа Figma
• Как получить токен доступа Azure Devops

При открытии плагина есть два поля для ввода этих токенов доступа.

Если плагин не установлен в частной организации, вам также потребуется ввести уникальный ключ файла. Чтобы найти ключ файла, вы можете нажать кнопку «Share» на верхней панели и щелкнуть «Copy». ТАкже можно скопировать идентификатор файла из адресной строки браузера. URL-адрес файла выглядит примерно так

Идентификатор файла — это значение между «file/» и «/Sample-File».

После успешного подключения можете отметить рабочие элементы, которые хотите обновить в Azure Devops. Это обновит файл Фигмы до новой версии, создаст URL-адрес этой версии в Azure Devops вместе со снимком экрана компонентов.