Zeplin

Design like you always imagined

Upload an artwork to Zeplin with the responsive design (according to the breakpoints that you’ve already set), in other words, share how your design looks in different screen resolutions and devices.

You think it‘s clear that the design will be horizontally center at higher resolutions, such as 1920 x 1080 pixels, but developers are not mind readers.

How breakpoints work in responsive layouts
Raster images size
Make exportable the icon group, but also the individual objects separately
Make exportable the images, not the text
Remove the area around the icon
How to organize the design screens in Zeplin

Benefits Of Zeplin

We’ve built every feature in the Mac app to make it easier for you to do your best work, at every stage of your process. Here are just a few of them.

Publish designs for development

Go beyond specs. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a "locked" design to build from, while designers can iterate on the next great release.

Bring together the multidisciplinary team

An accessible workspace that is friendly to non-designers including developers, product managers, copywriters and more. Zeplin also helps the team collaborate by providing much needed organization and structure to native design files.
Extend your design system

Drive consistency by surfacing design system elements where developers can easily reuse them. Then, go even further by using Connected Components to extend designs to code!

Connect your tools and build custom workflows

Leverage your investments in tools like Jira, Trello, Slack and VS Code through deep integrations with Zeplin. With the Zeplin open API and webhooks, you can also create custom workflows to support your specific needs.