Swift Package Exporter is a Figma plugin that bundles your design tokens (colors, text styles, shadows, spacing etc) into a Swift package that can be included in Xcode.
👉 Plugin page
[ Ссылка ]
👉 Sample file
[ Ссылка ]
👉 Getting started video
[ Ссылка ]
👉 Website
[ Ссылка ]
For designers this will save you time going from design to code and make handoff more seamless. For developers, this makes building UI easier because you have full access to design tokens directly in the Xcode editor with code completion. For more info visit [ Ссылка ]
👉 Supported Styles
Styles defined in your document will be automatically recognized by the plugin including:
* ✅ Text styles
* ✅ Solid colors
* ✅ Linear gradients
* ✅ Angular gradients
* ✅ Shadows
* ✅ Layer blurs
* ✅ Grid/Spacing styles
* Radial and diamond gradients are not currently supported.
* Inner shadow and background blur are not currently supported.
👉 Images
Requirements for adding images to Swift package:
* Only vector images are supported
* Images must be defined as components
* Images must be wrapped in a frame named Images.swift
👉 Adding the Package to Xcode
* Unzip the exported file and drag the entire DesignSystem folder into the Xcode project navigator right below the project name.
* Add the DesignSystem package to Frameworks, Libraries and Embedded Content inside your projects general settings.
* Import the DesignSystem module in any views that you want to use design tokens with import DesignSystem
👉 Example Usage
* .font(Font.DesignSystem.headline1)
* .foregroundColor(Color.DesignSystem.primary)
* .modifier(Effect.DesignSystem.Elevation1())
* .padding(Spacing.DesignSystem.xSmall4)
* Image.DesignSystem.welcome
