Плагин Export Code позволяет экспортирвать любой актив в React, Vue, Sass или TailwindCSS и настраивать вывод кода в соответствии со своими предпочтениями и средой разработки.
Плагин полностью функционален, но вы можете экспортировать 5 ресурсов за раз. Лицензионный ключ необходим для неограниченного экспорта и может быть приобретен за 25 долларов.
Варианты компонентов
С помощью экспорта компонентов (React и Vue) семейства активов можно объединить в один компонент с автоматически созданными вариантами для передачи в качестве свойств. Количество типов вариантов не ограничено, и настройка проста — все, что требуется, — это конкретная схема именования слоев.
Настраиваемые шаблоны
Экспортированный код работает полностью как есть, без каких-либо изменений. Но при желании у вас есть возможность настроить вывод кода по своему вкусу. Шаблоны основаны на системе шаблонов lodash, они чрезвычайно гибкие.
Перед загрузкой просмотрите сгенерированный код экспортируемых ресурсов, варианты свойств, вектор / растровую проверку и убедитесь, что они одного цвета. Отлично подходит для контроля качества, когда дело доходит до больших наборов ресурсов, таких как значки, и идеально подходит для быстрого получения кода для одного актива.
Подобные программы могут быстро стать сложными в использовании. Я приложил все усилия, чтобы структурировать его таким образом, чтобы можно было экспортировать обычные настройки актива без необходимости вносить кучу структурных изменений. Если у вас есть организованная страница ресурсов (например, коллекция значков), скорее всего, вам нужно будет внести минимальные изменения, чтобы экспортировать активы.
Основным условием является то, что все ваши активы должны быть собраны в один фрейм (или компонент, или экземпляр). Затем вы можете выбрать этот фрейм, и все дочерние узлы (в основном все, кроме текстовых слоев) будут экспортированы как отдельные активы.