Плагин Icon2Code извлекает данные из файлов SVG.
Для дизайнеров
Легко создавайте JSON-файл для коллег-разработчиков со всем необходимым для создания компонента иконки с использованием их любимой инфраструктуры или библиотеки (React, Angular, Vue и т. Д.). Нет экспорта, копирования и вставки файлов, без очистки кода или дополнительной оптимизации.
Для разработчиков
Представьте, что получили кучу иконок от коллеги-дизайнера. Нужно извлечь необходимые данные из всех этих файлов SVG… Это отнимает много времени… Забудьте об этом. Теперь можете легко экспортировать все данные значков в файл JSON одним щелчком мыши! Если у есть собственный компонент Icon в React, Angular или Vue — это все, что нужно.
Как это работает
- Создайте фреймы с уникальными именами (плагин ищет каждый фрейм на текущей странице)
- Нарисуйте иконки или вставьте их
- Сгладить их (если их еще нет)
- Используйте плагин для создания JSON с необходимыми данными
- Используйте данные с вашим собственным компонентом Icon
- 🎉
Совет! Скрытые фреймы пропускаются плагином