Плагин Mezze — позволяет преобразовывать и экспортировать иконки как компоненты React и отправляет изменения непосредственно в ваши репозитории GitHub.
Преимущества:
- Дизайнерам больше не нужно экспортировать иконки из Figma каждый раз, когда произошли изменения или дополнения;
- Разработчики экономят время на создании компонентов иконок React, копировании и вставке кода SVG и ручном предоставлении свойств родительским компонентам;
- Дизайнеры и разработчики могут ссылаться на иконку в процессе производства непосредственно из Figma через Mezze Inspect;
- Имена компонентов в Figma совпадают с именами в React, что предотвращает добавление повторяющихся иконок в кодовую базу.
- Унифицированный реквизит React для всех иконок.
10-минутная настройка:
- Создайте токен личного доступа GitHub с разрешением репозитория «Contents», установленным на «Read and write»;
- Установите Mezze и откройте плагин;
- Перейдите на вкладку «Settings», введите токен личного доступа GitHub, созданный ранее, и введите имя владельца/организации репозитория Github;
- Сохраните настройки и вернитесь на вкладку Inspect;
- Выберите оконки, которые вы хотите экспортировать. Иконки должны быть компонентами или экземплярами Figma. Mezze Lite позволяет экспортировать до 5 иконок за раз, в то время как у Mezze Pro нет ограничений на экспорт;
- Иконки будут добавлены в новую ветку GitHub. В меню «Export » вы сможете ввести репозиторий, каталог иконок, имя ветки, а также сообщение фиксации для ваших изменений.