June 2022 Updates
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.
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.
How iO superpowers their app development with Zeplin and Figma by Karina Knudsen
May 2022 Updates
You can now link annotations to components on your screens. You can check out more details here.
Linked annotations show up in 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
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.
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
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!
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
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 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
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, select “Collapse/Expand all sections” from the menu.
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.
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.
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 login 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 clearer with Screen Variants. Check out this blog post to learn more.
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
You can explore these April highlights in our blog post here.
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.
You can explore these March highlights in our blog post here.
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.
You can also check out our blog post here for the features above.