Zeplin

Design Tokens made effortless

Zeplin makes it simple to create or manage design tokens from tools like Figma, Sketch, and Adobe XD, so developers and designers stay in sync.

Automatically generate Design Tokens

Automatically generate design tokens from your colors, text styles, and spacing values in your Styleguide. As your brand and tokens evolve, simply update your Styleguide and your whole team will get the memo.

Generate design tokens

Zeplin has been amazing in bridging the gap from design to development by automating what we've previously had to do manually which is call out every typestyle, measurement, and color.

Mira Sestan, Creative Director
Creative Director  @Ueno

Manage your Tokens in one place

Use the Zeplin API and webhooks to fetch updated tokens or download them in a handy ZIP file. When changes are made, Zeplin makes sure you are the first to know.

Integrated with your favorite design tools

Design tools like Figma, Adobe XD, and Sketch empower designers to explore and iterate. But they struggle to translate design into developer friendly formats.

That’s our cue. Zeplin integrates with your favorite design tools, making it easy to implement design tokens. If you have colors and text styles defined in your design file, your design tokens will automatically be generated, with no extra effort.