May 2023 Updates
Product News
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.
Blog posts
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
April 2023 Updates
Product News
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.
Blog posts
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
March 2023 Updates
Product News
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.
Blog posts
Everything we announced at Harmony 2023 by Pelin Kenez
What is process improvement? by Andrew Hahn
February 2023 Updates
Product News
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.
Blog posts
How Bombas connected design and development with Zeplin by Veronica Puistonen
January 2023 Updates
Product News
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.
Blog posts
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
December 2022 Updates
Product News
Figma plugin update:
The Figma plugin now selects all the frames and components under the selected "Figma section" for a more effortless export experience.
Component properties: When you export a component with properties to Zeplin, you can see all its properties of it on the right panel.
Flows: Performance improvements for both Mac and the Web apps, and more improvements on the way!
Blog posts
Best of 2022: Our top releases this year by Berk Çebi
How to create a Dark Mode color palette by Berk Çebi
November 2022 Updates
Product News
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:
You can set screen variants via the "Set as screen variants" option you'll see after selecting multiple screens and right-clicking.
It's now possible to navigate between screen variants by using the
⌥ + number keys
andAlt + number keys
for Windows.
Web App-specific:
Nested Sections: You can now create subsections and nest sections up to 3 levels to better organize your screens. Learn more!
Blog posts
October 2022 Updates
Product News
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.
Blog posts
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
September 2022 Updates
Product News
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.
Blog posts
Delivering designs with Figma vs. Zeplin by Linda Le Phan
Getting started with Zeplin's Javascript SDK by Josh Harsono
August 2022 Updates
Product News
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.
Blog posts
The design process and 5 reasons why it matters by Linda Le Phan
July 2022 Updates
Product News
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.
Account Admin role: This role can provision domains and users without needing to be a part of a Workspace or using a paid seat.
Account Settings page: On this page, the Account Admin can administer account settings for the organization, starting with Workspaces and any claimed domains on the account.
Domain Verification: Add, verify, and manage ownership of your company’s domains.
Domain Capture (for new users): Capture new users signing up for Zeplin using a verified email domain. Automatically assign them a default Workspace or display contact instructions. They will not be able to create new Workspaces or sign up for other plans with this email. This keeps your company’s work within your account and helps you manage new user deployment at scale.
☝️ To start right away, contact your Success Manager at success@zeplin.io.
Zoom and spread your Flows:
We added two new zoom-out levels — 6% and 3% — for Flows. This will make it easier for teams with larger flow boards (think: web app builders) to get the full picture.
To tidy up any uneven spacing between screens, simply select screens to “distribute” spacing horizontally. We’ll add support for vertical distribution in the future.
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.
Blog posts
June 2022 Updates
Product News
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!
Now, it’s possible to select a bunch of screens and do all the actions available: Add them to Flows, add/remove tags to them, download all as images, move them to a section or create a new section with them, move them to a project or just delete them all.
The same goes for projects! Drag to select multiple projects and move them to a section, create a new section with them, or bulk change their statuses.
Blog posts
How iO superpowers their app development with Zeplin and Figma by Karina Knudsen
May 2022 Updates
Product News
You can now link annotations to components on your screens. You can check out more details here.
Linked annotations show up on all screens the same component is used in.
If components are moved around in future iterations, linked annotations will move with them automatically.
You can now see a list of all sections in a project and jump to one right away.
Bug fixes & improvements to flows:
If you're using a mouse, you can now easily scroll around flows (and screens) by holding down the middle mouse button. You can also zoom in and out with the scroll wheel while holding down the Command or the Control key.
Move selected screens and/or shapes in a flow using the arrow keys.
Added more keyboard shortcuts to manage your flows:
⌘A to select all screens and shapes
⌘G to group selected screens and shapes
⌘D to add another copy of the selected screens and shapes
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!
April 2022 Updates
Product News
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:
The Sketch Cloud file link now appears in the right panel for Web & Windows apps.
You can now order colors in Styleguides for Web & Windows apps.
You’ll be able to copy the link for multiple tags for Web and Windows apps.
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:
Terms of Service. We clarified that Zeplin may give an enterprise admin access to your information if your Zeplin account is part of an enterprise workspace. We’ve also made it easier for you to give Zeplin access to your information when you need support services.
Privacy Policy. We provided details on what information we collect, how we use and share it, and more. We also shared details on our international data transfer mechanisms to reflect recent changes in law.
Enterprise Terms. We’ve made a few updates to ensure that the Zeplin Terms of Service for Enterprise best reflect the current functionality and subscription structure of our Enterprise plan. These changes do not affect current Enterprise plan users, as they will only apply to new Enterprise plan subscriptions entered into after April 18, 2022.
March 2022 Updates
Product News
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.
While you're publishing your designs, Zeplin scans all the components and shows them in screen details. You can highlight all these components on your screen by using the “Show all components” dropdown on the bottom left.
Zeplin also checks if the component (only the components added to your Styleguide) or its variants are used in other screens in the same project, and lists those screens on the right panel.
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
With the updated Jira integration, you can directly attach your Zeplin flows to Jira tickets. You can attach the entire flow, or you can attach a specific group or board of your flow.
While inspecting a flow in Zeplin, you can see which Jira ticket it’s attached to and open it. Learn more.
Keyboard shortcuts for the Figma plugin
Figma plugin users: We’ve released support for quick actions in the Zeplin plugin for Figma. If you love your keyboard shortcuts and use them too, this means less clicking around to export your screens to Zeplin — simply hit command + slash, type “Zeplin” in the search bar, hit tab, then export! 🪄
Zeplin will also remember your previous exports to allow for an easy re-export. This comes in handy if you made updates to any previously exported frames or components and want to quickly re-export them to Zeplin. Learn more.
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!
Before:
After:
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.
February 2022 Updates
Product News
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
This month, we released a new onboarding experience for new users (designers) in the Figma plugin, where they can easily convert a design file into a sample Zeplin project to be guided through key features. This will help new users quickly learn how to effectively publish, organize, and clarify designs for handoff in Zeplin.
New users can now onboard with the Figma plugin. Help designers convert their own project into a sample project containing 12 screens. Walk them through an in-app tour that covers how to use key features in Zeplin to publish, organize, and clarify designs for handoff.
In addition to the usual setup steps like adding team members and using popular integrations like Jira and Slack, new team members learn how to organize published screens with sections and tags, add instructions and rich details in comments (like images, markdown, and code snippets), and navigate versions with their commit messages.
Better local search
See section names in results: If you search for screens in a project or projects in a workspace, you’ll now see the corresponding section the search results are in.
Improved local search logic: We improved the search logic for local search in both web and Mac apps so that search results now show exact word(s) OR Contains (beginning of the word(s)) — as opposed to showing results containing individual characters from the entry.
Support for persistent search queries: We released support for persistent search queries in both web and mac apps. This update makes it easy for you to find what you’re looking for by iterating your queries.
In the past, search terms would clear from the search box once you submitted the search query, leading to frustrated or abandoned users.
With this update, your search results will no longer disappear when you return back to the search panel and will remain highlighted in the results.
Not just that, the results will remain in the same sorting filter as before. For example: in the project dashboard, if you sort your projects using one of the 4 filters (project sections, last updated, created, or A-Z) then submit a search, your results will be shown in the same sorting setting.
This also applies to when you sort screens within a project using the sections, last updated, and A-Z filters or when tags are applied.
January 2022 Updates
Product News
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.
December 2021 Updates
Product News
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.
November 2021 Updates
Product News
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.
Blog posts
October 2021 Updates
Product News
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.
Blog posts
September 2021 Updates
Product News
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.
July 2021 Updates
Product News
Auto-exported assets: Zeplin now auto-exports assets from layers in Figma that conform to certain patterns. Check out this article to learn more.
June 2021 Updates
Product News
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.
Blog posts
Scale Design Systems to Developers with Zeplin by Berk Çebi
May 2021 Updates
Product News
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.
Blog posts
April 2021 Updates
Product News
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.
March 2021 Updates
Product News
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.
Blog posts
January 2021 Updates
Product News
We’re ringing in 2021 with some cool updates! 🎉
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.
Blog posts