Icon2CodeIcon2Code

установить плагин для Фигмы Icon2Code

Плагин Icon2Code извлекает данные из файлов SVG.

Для дизайнеров

Легко создавайте JSON-файл для коллег-разработчиков со всем необходимым для создания компонента иконки с использованием их любимой инфраструктуры или библиотеки (React, Angular, Vue и т. Д.). Нет экспорта, копирования и вставки файлов, без очистки кода или дополнительной оптимизации.

Для разработчиков

Представьте, что получили кучу иконок от коллеги-дизайнера. Нужно извлечь необходимые данные из всех этих файлов SVG… Это отнимает много времени… Забудьте об этом. Теперь можете легко экспортировать все данные значков в файл JSON одним щелчком мыши! Если у есть собственный компонент Icon в React, Angular или Vue — это все, что нужно.

Как это работает

  1. Создайте фреймы с уникальными именами (плагин ищет каждый фрейм на текущей странице)
  2. Нарисуйте иконки или вставьте их
  3. Сгладить их (если их еще нет)
  4. Используйте плагин для создания JSON с необходимыми данными
  5. Используйте данные с вашим собственным компонентом Icon
  6. 🎉

Совет! Скрытые фреймы пропускаются плагином

Разработчик: Idan Arbel

Плагины из той же категории