Re-request an approval:

Zeplin now remembers your sorting preferences for projects, screens, and components.

You can now export color variables as tokens. Learn more.

While on a project dashboard or in the components section of a styleguide, you can right-click to collapse or expand all sections.

We’ve fixed a few issues in the Windows app:

We’ve restructured Styleguides to make them more organized, easier to use, and way faster—even with thousands of components. Components now live on their own dedicated pages, and the new Foundations section brings together your icons, colors, text styles, spacing tokens, and more in one place. Learn more in our blog post

Figma exports up to 10× faster:

Faster project load times: Projects now load noticeably quicker thanks to two major improvements:

Improved screen performance:

6 weeks dedicated to performance by Zeplin Crew

Component assets are now available for download without needing to navigate to the component details.

The Storybook integration is now simpler and smoother! Just enter your Storybook URL to set up the integration, no add-on required, and Zeplin will automatically fetch all your stories. Learn more.

Everything we released in 2024 by Zeplin Crew

Approvals 2.0:

Performance improvements:

Project Comments Panel: We’ve introduced a new "Comments" tab within the right panel on the project dashboard. This tab gives you access to all comments across every screen in the project, featuring smart tools to help you quickly find what you’re looking for:

Unread Comments: Zeplin now tracks which comments you’ve read and highlights any you haven’t seen yet, so you can easily stay up-to-date.

Introducing Zeplin’s new per-project and per-seat plans:

Updated asset export:

Zeplin Digest Figma widget:

Performance improvements:

New footer menu: The project dashboard now has a new footer menu where you can take any action that you see on the menu by right-clicking on a screen.

Select a screen or multiple screens and use the footer menu to:

Product team collaboration in Zeplin: integrating with Jira, DevOps, Slack, and Storybook by Esther Dsouza

Screen Count Warning: You’ll notice a new “Screens in project” indicator at the left top of your project dashboard, if your project has more than 250 screens. Having lots of screens in a single project could complicate navigation for your project members and also affect app performance. You can learn how to manage your screens better here.

Figma plugin: We updated our Figma plugin to improve user onboarding.

Screen version panel:

Color format change: You can now change the color format of your project using the settings button next to all color references in layer details.

Designing and building accessible product experiences with Becky Specking by Nico Carmosino

Zeplin’s Summer Breeze release is out! ☀️

Introducing Zeplin’s new project-based Basic plans:

Now live: One click to create, one click to sync your Figma libraries to a Styleguide.

Automate Downloading Icons from a Styleguide by Josh Harsono

Introducing Styleguides Sync: A faster way to curate and align Figma libraries with Zeplin by Bugra Sirin

Design-to-Dev: An Interview with Zeplin Product Designer, Stacy Pitman by Nico Carmosino

Motorpoint: design and engineering unite in Zeplin to build UK’s leading car-buying experience by Linda Le Phan

What goes wrong with designer-developer collaboration? — new insights and solutions by Zeplin Crew

How Cargas Energy’s product team uses Zeplin for UX quality and alignment by Linda Le Phan

You have a choice in handoff — revisit Zeplin by Pelin Kenez

Design-to-Dev Excellence: Toolstack and Strategies for 2024 by Zeplin crew

Color Palette in Styleguides on the Web app also has a fresh, organized look with color sections and groups. 🌈 You can drag and drop sections to reorder and copy color codes upon clicking.

The magic of Zeplin: 7 principles that drive what we do by Pelin Kenez

How DesignOps Improves Design to Dev Productivity at T. Rowe Price by Linda Le Pan

Variables in Styleguides: You can now export your color variables from Figma! Learn more.

Components:

Amazon's recipe for design-to-dev harmony at scale by Elliot Tu

Accelerating and improving product delivery outcomes in a complex world by Russ Drury

Component Versions with Version History and Version Diff is now available on the Web app! 🕸️

New in Zeplin: Component Version Control, a new Color Palette, and more to boost design system adoption by Bugra Sirin

Omlet 1.0 is here — component analytics for devs and design system teams by Pelin Kenez

Color Palette in Styleguides on the Mac app now has a fresh, organized look with color sections and groups. 🌈 Colors exported from Figma and Sketch will get auto-organized based on their name conventions to support your design system efforts. You can drag and drop sections to reorder, copy color codes upon clicking, and expand/collapse all sections at once.

Inspecting components got a lot easier on the Mac app. ✨ Zeplin now shows you component tags when you hover over one, with their WxH values instantly visible as well as auto-layout settings if applied.

Improving Approval Experience: Your screens are now automatically tagged with respect to their approval states. Learn more.

Approvals: A new way to manage stakeholder alignment in product & design!

Approvals in Zeplin simplify the process of obtaining sign-offs for product development and launches. It allows you to assign screens for review, collaborate with stakeholders, and track approval progress. Learn more.

We're rolling out an option for new users to start a free 30-day trial of Zeplin on the Organization plan. Get unlimited reviewers and projects, along with access to the latest features like Version Diff, Approvals, and Flows (up to 12 projects). Learn more.

Zeplin vs. Figma Dev Mode: a point-by-point breakdown by Zeplin Crew

Conquering the version control problem in product design by Linda Le Phan

Approvals in Zeplin — a new way to manage stakeholder alignment in product & design by Carl Biggers

Figma Variables: Variables you use in your Figma designs are now displayed in Zeplin while inspecting screens. Learn more.

Export colors and text styles directly from Figma: It's now possible to export them within the Zeplin Figma plugin! When you open the plugin, you'll notice a new dropdown in the "Export" button that shows the color and text style export options. Learn more.

Tags:

Introducing Zeplin + Azure DevOps by Carl Biggers

How the VP of Design at Rocket Companies approaches design thinking at scale by Veronica Puistonen

Avery Dennison reaches enterprise-level design system scalability with Zeplin by Veronica Puistonen

Employee Spotlight: Meet Zeplin’s Internal Transfers by Recruiting Crew

Tag Groups:

Zeplin for Azure DevOps app: Zeplin now supports Azure teams with a new Azure DevOps integration. No more uploading screenshots to ADO work items. With this integration, you can easily link designs from Zeplin to an ADO work item and get a preview of exactly what you’re building right in ADO. It’ll even automatically refresh when there’s a new version. Learn more.

Export Figma sections: You can now create sections automatically by exporting Figma sections to your Zeplin project. Learn more here.

You can now move an empty section to another project.

Fixed an issue where desktop notifications are not delivered for certain cases.

bp's sustainable design system that prioritizes people and the planet by Amanda Pell

Industry perspectives: collaboration, automation, and scale by Veronica Puistonen

Moving from Adobe XD to Figma? A complete guide for product teams by Linda Le Phan

Announcing Version Diff: A game-changer for design version management by Berk Çebi

Version Diff: Thanks to our beta users who enthusiastically jumped in to give us early notes, we released the Version Diff for all users in paid workspaces. Learn more.

Color Spaces extension now supports OKLCH. Check it out here.

May Highlights: Status Tag Thumbnails, Global Search Filters, MFA, and more! by Carl Biggers

The Zeplin crew's top 9 favorite design system examples by Amanda Pell

How Optimizely uses Omlet to measure and improve design system adoption by Veronica Puistonen

Design version management: Your design tool vs. Zeplin by Burcu Gürel

STIGMA's revolutionary platform for "crowdsourcing hope" by Amanda Pell

STARZ’s platform-wide rebrand and brand new design system by Linda Le Phan

Tag groups: Tag Groups help teams organize screens in their workspace with both custom tags and standardized statuses such as “In Review", “Blocked", or “Released". You can view the status of each screen on thumbnails. Explore more about Tag Groups.

Global search: You can filter your search by Screens, Projects, Sections, Sections, Comments, and Components to narrow results using the tabs below the search bar. Learn more.

Jira plugin: Upon attaching components, component groups, or sections to a Jira ticket, the details are now displayed instantly in Zeplin. Give our Jira plugin a try to see its functionality.

Employee Spotlight: Meet Zeplin’s Data Crew by Recruiting crew

How IDFC FIRST Bank doubled their production speed with Zeplin by Linda Le Phan

How to manage complex design systems by Veronica Puistonen

Little Caesars’ industry leading mobile ordering experience by Linda Le Phan

When's the right time for DesignOps — and why it's important by Linda Le Phan

What are user flows? by Mike Pitt

You can now use Flows placeholder screens to create flows from scratch even if your designs are not ready and then easily replace those screens when the designs are exported to Zeplin. Learn more about Flows placeholder screens.

You can create Tag Groups and Custom Tags to better communicate with your team about the latest updates, progress, and collaboration in a project. Learn more.

With Version Diff, you'll be able to compare what's changed between versions and spotlight the differences both on screen and in the Inspect panel. Learn more.

Everything we announced at Harmony 2023 by Pelin Kenez

What is process improvement? by Andrew Hahn

Multi-factor authentication is now available to help safeguard access to Zeplin data, providing another layer of security by using a second form of authentication for enterprise workspaces. Learn more about MFA.

Activity logs are also available for enterprise workspaces. Learn more about Activity logs.

Top 2023 development and design conferences you don’t want to miss by June Cho

Harmony 2023: New speakers, new sessions, and a brand new awards program by Anna Lui

How Bombas connected design and development with Zeplin by Veronica Puistonen

One of our lovely crewmates, Mert Kahyaoğlu, built a Chrome extension to make the Pop Out feature available on the Web app! You can add the extension to your browser from this link: Zeplin Popout Tool

Jira issue details in Zeplin: You can now see more details about an attached Jira issue in Zeplin by clicking on it — including its status, assignee, priority, and more. Learn more about Jira Integration.

Tags: Tags can now be reordered by dragging and dropping. You can also hover over a tag to quickly see the number of screens. Learn more.

3 Zeplin features to speed up release management by Kalpana Ravinarayanan

How Cloudera’s 600 engineers use Zeplin to ship complex designs by Linda Le Phan

Figma plugin update:

Flows: Performance improvements for both Mac and the Web apps, and more improvements on the way!

Best of 2022: Our top releases this year by Berk Çebi

How to create a Dark Mode color palette by Berk Çebi

Flow Comments: You can make a comment stick to a screen by creating a new comment on the desired screen or by dragging a comment on the flow canvas onto the desired screen.

Global search: You can easily sort global search results by relevance, creation date, or last updated date.

Border thickness values are now displayed for each side.

Jira integration: Like screens, sections, projects, and flows, components are now available to attach to Jira issues. Learn more.

Screen variants update:

Web App-specific:

Nested Sections: You can now create subsections and nest sections up to 3 levels to better organize your screens. Learn more!

December Highlights: Introducing Nested Sections

Global search: You can now start a search from anywhere in Zeplin to find exactly what you’re looking for, whether that’s a section or screen, a comment or mention, a component or annotation, or anything in between. Learn more. 🔍

Click arrows to navigate Flow Comments: When viewing Comments in Flows, you can now click arrows to move to the next comment. Comments are placed in order visually from left to right, and if you have Groups, the order goes through all comments in a group first, then to the next group or any outlier comments.

Meet Omlet: Component Analytics for Developers by Zeplin Crew

International crew? Not a problem! by Kalpana Ravinarayanan

Downloading screen images with Zeplin Javascript SDK by Josh Harsono

5 key product design terms for non-designers by Amanda Pell

Hey, we’ve just reached 5 million users! 🎉

Flow Comments: When you’re reviewing a flow, and you have some insights to share, you can now add a comment anywhere on the flow canvas! Learn more.

Prototyping (Hotspots) & Flow links in Stage Mode: You can now navigate between connected screens in Stage Mode with prototyping links or with flow connectors!

Stage Mode is now rolled out to all workspaces. In case you missed it, Stage Mode is a simplified interface focused on presenting or reviewing designs.

You can now resend an invitation to a pending user from the Workspace Members page!

Bulk actions for components. For Styleguide users, you don’t need to organize your components one by one anymore! You can now multi-select or drag-and-drop components in Zeplin.

Email notifications for new designs. You can now get email notifications when new designs are published, allowing you to stay in the loop and share feedback earlier and more often. You can select the type of notifications you receive, including turning on updates from specific projects.

Add links to descriptions. It’s now possible to add links to the descriptions of Screen, Component, and Section on the Web app. And if it’s a Zeplin link, the name of that resource will automatically appear as the anchor text.

Drag to re-order workspace sections. Workspaces now have the same re-ordering experience as the Project Dashboard on the Web app. Simply hover over a Section to reveal a compact list view that you can drag and reorder. By the way, we’ve also made these updates on Zeplin’s Mac App for a more consistent experience.

Delivering designs with Figma vs. Zeplin by Linda Le Phan

Getting started with Zeplin's Javascript SDK by Josh Harsono

Stage Mode: You can now present your screen in Zeplin and get feedback on them through comments with a new simplified interface focused on presenting and reviewing designs. Learn more.

You can now drag and drop multiple screens to reorder them on the Web app!

Organize your sections faster! Simply hover over a screen section to display a full list of sections within the project. From this view, you can drag and reorder sections in the project or jump directly to the sections you want to view.

Why design systems are still disconnected: a developer's perspective by Berk Çebi

The design process and 5 reasons why it matters by Linda Le Phan

6 benefits of Design Delivery for enterprise companies

More account & user controls with Domain Capture: Enterprise plan users will now be able to easily administer Enterprise accounts in Zeplin with new account and domain management settings with the new Account Admin role, Account Settings page, and Domain Capture capabilities.

Zoom and spread your Flows:

Zeplin’s plugin for Figma now supports dark mode! Whether you manually choose the dark mode setting or your system defaults to it, Zeplin will now match the experience — so you can carry on with screen exports sans the glare.

4 ways to overcome handoff challenges between design and development

You can now customize where your connector lines are drawn by simply hovering over the connector line and dragging them to where they need to be. Learn more.

Multi-select is live on the Web and Windows apps!

VMLY&R and Atlassian: 3 rules for leading design and development teams

How iO superpowers their app development with Zeplin and Figma by Karina Knudsen

You can now link annotations to components on your screens. You can check out more details here.

You can now see a list of all sections in a project and jump to one right away.

Bug fixes & improvements to flows:

It's now possible to copy Web and App links for multiple selected tags.

The “Elevator” feature, available on the project dashboard for the Mac app, now loads faster. No more long waits!

Screen tags are back! You can now see all tags added to a screen in the right panel when inspecting screens. You’ll see tags listed by frequency of use. To add or remove a tag while on a screen, use ⌘ + T on the Mac app and ⌥ / Alt + T on the web app.

A more consistent experience across platforms: Since we’ve grown, our improvements to Zeplin’s Mac, Web, and Windows apps — have sometimes gone into effect inconsistently due to tech or tracking limitations. We’re working hard to unify your experience across all apps, kicking off with these updates:

Terms Of Service (TOS) updates: As our community of brilliant designers and developers has grown, we have made some changes to make sure that our policies reflect our top priority: to support the work you do to build beautiful products. We sent all registered users an email explaining the updates we made to the following terms and policies which go into effect from April 18, 2022. To agree, simply keep using Zeplin after this date!

Here’s a TL;DR if you are a current user:

You can now capture decision trees, actions, and placeholder screens in Flows using shapes. Available in 3 types: Diamond, Rectangle, Pill. 🔷🔵🟦

Labels in Flows no longer rebel against the zoom level and properly resize. Your feeble skills are no match for the power of the dark side.

Corner radius values are now displayed even when the values are different for each corner.

Accessing the list of all workspaces that you're a member of: You can now see all your workspaces under your Profile, Account tab.

Easily discoverable components: Zeplin now displays all components in your designs, regardless of whether they’ve been published to a Zeplin styleguide.

Continued improvements for load times in macOS: As promised last month, first-instance load times will be much faster for workspaces with over a thousand projects. Your pinned projects will also load faster to help you get up and running.

Jira integration now supports Flows

Keyboard shortcuts for the Figma plugin

More spacing between screens in Flows: Zeplin now automatically spaces out all screens published from the design tool, respecting the design file layout while scaling spacing accordingly. This leaves enough room for you to add connectors and labels while building flows!

Automatically import Google Avatar: Speaking of avatars, we’ve made onboarding for new users easier by automatically importing new users’ avatars and names when signing up with Google accounts.

Know your plan: We’re including the name of the plan you’re on when in your Workspace modal (accessible when you click on your avatar). This way, you know exactly what features and capabilities you have access to within your plan. If you need an upgrade, connect with us.

Real-time status page: You can now check Zeplin’s real-time status to see if there are any scheduled downtime or maintenance windows on the new status page. Subscribe for real-time updates, so you’re always in the know!

New onboarding UX for Figma plugin

Better local search

Flows: Effortlessly create user flows in Zeplin! This new feature provides a bird’s eye view of your project, enabling designers and product managers to map and document all possible paths and behaviors. Designers, developers, and PMs can share a common language when describing user journeys and design intent, resulting in increased alignment and higher productivity across teams. To create your first flow, check out the article here.

Annotations: You can document how your designs should behave with descriptive GIFs/videos, reference product requirements, and even share API endpoints by using Annotations. Learn more.

Check out our blog post to explore Flows & Annotations.

For designs published from Figma, you can quickly open the Figma file directly from Zeplin! (Only visible to Editors and up.)

We made a bunch of improvements to searching projects, screens, and components — you can now find the design you’re looking for much easier.

You can download an invoice from the Billing page. Learn more.

Collapse/expand all sections option is available for the Web and Windows app users. Click on the ... button near the section title, and select “Collapse/Expand all sections” from the menu.

We’ve made some improvements to Highlighting Components and Storybook Integration.

Using the versions button on the bottom left, you can now see the version summary at a glance and switch between them. Learn more.

Layer inspector now also displays the exact values for auto width and height values.

Figma Plugin 3.0: You can now export your designs from Figma to Zeplin directly within the plugin. You can select a project or create a new project to export into it, track the export progress, and retry failed exports through the plugin. Check out this article to learn how to publish your designs from Figma to Zeplin.

Figma handoff: What design teams can learn from the world’s greatest architecture by Ruolan Xia

How global UX Agency Creative Navy turbocharges collaboration

How Luxottica used Zeplin to tame 10,000 designs

Highlight Components: Identify reusable design components at a glance: View and highlight all design components and any linked information to code. Learn more.

Improved Storybook integration: Link and sync design components to code by simply entering your Storybook URL. Learn more.

Figma Handoff: Why Winning Teams Go Beyond the Inspect Panel by Berk Çebi

SCIM (System for Cross-domain Identity Management): Enterprise Plan users can now use SCIM to manage their workspace members in Zeplin through an Identity Provider of their choice. Learn more.

Login with Figma: You can now log in to Zeplin with your Figma account!

Performance improvements for large screens: Working with large screens in Zeplin should now feel smooth.

Updated onboarding flow for new users.

Auto-exported assets: Zeplin now auto-exports assets from layers in Figma that conform to certain patterns. Check out this article to learn more.

Grace Period: When you add new members with paid roles to your workspace, you'll have a 7-day grace period to confirm/revert this seat count change from now on. Check out this article for details.

Layout Specs: You can now inspect your layers in Zeplin, which are created using Auto Layout or Constraints settings. Learn more.

The new Zeplin plugin for Adobe XD: We've recently rebuilt the Adobe XD integration from the ground up to fix some performance issues and make the integration more seamless. Learn more.

Zeplin’s latest API updates: You can explore the new features added to the Zeplin API here to build custom workflows.

Scale Design Systems to Developers with Zeplin by Berk Çebi

Screen Variants: You can now keep your workspace organized and define the relationship between your screens more clearer with Screen Variants. Check out this blog post to learn more.

Design Delivery isn’t new — it’s just more important than ever by Pelin Kenez

Rich notes: You can now add images, GIFs, or other visuals to your notes on the screens in Zeplin. Learn more about the notes in Zeplin here.

Optimized assets: Zeplin provides more formats for optimized assets now. Here are the details.

Streamlined notifications: You can filter your notifications for notes based on types, colors, members, and dashboard sections, and mute your projects or styleguides which you don't want to get notifications about them. Learn more.

Web app performance improvements.

Publish in order: You can publish your designs in order with some different options. Check out this article to learn more about the settings.

Semantic colors: Zeplin supports semantic colors now. Learn more.

Make a copy of a project: You can duplicate your projects and styleguides in Zeplin selecting what the copies will include. Check out the articles to learn more—for projects; for styleguides.

Zeplin Highlights: Semantic Colors & More

Figma and Zeplin: Superformula’s winning design-to-development process

Component Variants: You can now export the different states of your components to Zeplin and define the relationship between them by using Component Variants. Learn more.

The new Notification experience: You can now manage your notifications in a clean and organized way with this new experience. Check out this article for details.

Zapier Integration: You can explore the winning Zaps from our internal hackathon here.

Storybook integration: Developers can now directly add design components from Zeplin into Storybook to match the design with code in real time. Learn more.

Introducing Component Variants, Zapier Integration & new Notification experience

Figma and Zeplin: The optimal workflow at ArcTouch

Release Notes: Zeplin for Mac

Release Notes: Zeplin for Web app & Windows app