Swift Package Exporter

Плагин Swift Package Exporter генерирует SwiftUI из токенов дизайна и экспортируйте как пакет.

После включения в Xcode разработчики получат доступ к токенам дизайна непосредственно через редактор Xcode и полный код.

Для начала установите плагин и запустите его на этом примере файла

Узнайте больше: figmatoswift.com

Поддерживаемые стили

Плагин автоматически распознает стили, в вашем документе, включая:

• Текст;
• Сплошные цвета;
• Линейные градиенты;
• Угловые градиенты;
• Тени;
• Размытие слоя;
• Стили сетки;
• Радиальные и ромбовидные градиенты в настоящее время не поддерживаются.
• Внутренняя тень и размытие фона в настоящее время не поддерживаются.

Изображения

Требования для добавления изображений в пакет Swift:

• Поддерживаются только векторные изображения;
• Изображения должны быть определены как компоненты;
• Изображения должны быть заключены во фрейм с именем Images.swift.

Добавление пакета в Xcode

• Разархивируйте экспортированный файл и перетащите всю папку DesignSystem в навигатор проекта Xcode прямо под именем проекта;
• Добавьте пакет DesignSystem в Frameworks, Libraries и Embedded Content в общих настройках ваших проектов;
• Импортируйте модуль DesignSystem в любые представления, в которых вы хотите использовать токены дизайна, с импортом DesignSystem.

Пример использования

• .font(Font.DesignSystem.headline1);
• .foregroundColor(Color.DesignSystem.primary);
• .modifier(Effect.DesignSystem.Elevation1());
• .padding(Spacing.DesignSystem.xSmall4);
• Image.DesignSystem.welcome.

Часто задаваемые вопросы и известные проблемы

• Имена стилей, которые содержат числа, иногда могут вызывать проблемы в Xcode. Например, «blue/1» и «blue/-1» вызовут ошибку);
• Документация Apple по добавлению пользовательских шрифтов в Xcode;
• В версии Xcode для Mac App Store есть ошибка, из-за которой пакеты не работают. Загрузите Xcode непосредственно с сайта Apple для разработчиков, чтобы решить проблему. Сайт разработчиков Apple.