Zeplin Web

 



Announcing new features for product teams

Introducing Component Variants, Zapier Integration, and new Notifications experience. Learn more.

Zeplin supports four project types; iOS, Android, Web and macOS. When exporting designs to a project, all resources (including measurements, assets and code snippets) are. More information: Supported OS & Web Versions. 🎩 🐰 Zeplin Web app works on Linux (Chrome) Zeplin Projects. Zeplin projects are created by designers and are platform-specific. Each project has a dashboard of all the uploaded designs, and a Styleguide, which is a collection of the Text Styles, Colors, and Components. 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 Web projects: Measurements are in pixels. Assets are available as 3 PNGs (1x, 2x, 3x), SVGs and optimized SVGs (with SVGO).

Designers have published 6,860,867
6
4
 Figma, Sketch and Adobe XD designs to Zeplin for development and collaboration in the past 30 days.

Get started for freeGo to projects →
  • Zeplin works with a plugin in Sketch, Figma, Adobe XD and Photoshop. When you download the Mac or Windows app, it automatically installs these plugins for you. If you’re a designer, you can export your designs using these plugins through the desktop app.
  • Zeplin automatically generates CSS and HTML code snippets from layers, colors, and text styles on Web projects only. ☝️ CSS and HTML code snippets are generated by extensions in Zeplin for Web type projects and styleguides.
253px
Radius, 2px
#419BF9
Roboto, Medium, 24px
#FFFFFF

Leading product teams use Zeplin

Explore why →

Led Zeppelin Websites

Publish designs for development

Zeplin webrazzi

Go beyond specs. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop.

Zeplin Web

Developers get a 'locked' design to build from, while designers can iterate on the next great release.

Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.

Bring together the multidisciplinary team

An accessible workspace that is friendly to non-designers including developers, product managers, copywriters and more.

Zeppelin Websocket

Zeplin also helps the team collaborate by providing much needed organization and structure to native design files.

Zeplin provides an inclusive workspace where team members from varying disciplines like product managers, UX writers and more can come together to deliver on designs.

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!

Jason Bonham Led Zeppelin Website

open platform

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.

Zeppelin Web Design

Zeplin Web

Zeppelin Web

Deliver on the promise of design