Zeplin automatically generates resources, including measurements, assets, and code snippets tailored to the selected platform's needs. When working on iOS projects, select iOS as your platform while inspecting a screen or component to get the appropriate formats.
💁♀️ You can learn more about switching platforms to access specific assets and specs here.
Here's a list of features that will help you develop iOS projects:
Measurements are in points.
Assets are available as:
PNGs and optimized PNGs (1x, 2x, 3x)
SVGs and optimized SVGs
JPGs and optimized JPGs (1x, 2x, 3x)
PDFs
☝️ To download SVG assets, make sure that you're using the latest Zeplin Mac app version. If the SVG is not showing up for an older design, re-exporting it should do the trick.
The color and font extensions on Swift (UIKit/AppKit and SwiftUI) or Objective-C are available for download from the project styleguide. SwiftUI code is generated automatically by default when you use the Swift extension. You can still switch to UIKit/AppKit code easily by using the dropdown menu in the header or from the extension options.
NSAttributedString code snippets are generated from text layers with multiple attributes.
Working with Xcode
Exporting assets
When you first export assets into the .xcassets directory of your Xcode project, Zeplin adds the images to the appropriate folders and updates your project accordingly. The next time you export additional assets, you can simply select the same project—Zeplin will handle the rest.
