Zeplin automatically generates resources, including measurements, assets, and code snippets tailored to the platform needs.
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.
UIColor
/UIFont
extensions on Swift or Objective-C are available for download from the project Styleguide.
NSAttributedString
code snippets are generated from text layers with multiple attributes.
Working with Xcode
Export assets
When you first export assets into .xcassets
directory of your project, images are added to the appropriate directories, and assets are added to your project. Next time you export another asset, you can simply select the project.
Export color palette
Export a project color palette (from the project Styleguide) directly to your asset catalog (Xcode 9 and up). For more details, check out the blog post for this feature.
Snap to simulator
On the Mac app, you can click the Phone icon on the bottom to directly snap the Pop Out to the simulator in Xcode.
☝️ To be able to use the Snap to simulator feature, Zeplin's Mac app needs to have Screen Recording permission on your Mac.
Related articles: