4.10.1 is here—a small patch following 4.10 with a few fixes.⚡️

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

We’ve made a bunch of improvements to Color Palette. 🎨

Improvements in Color Palette 🎨 You can now:

We’ve made a bunch of improvements to parent-child component interactions.

Color Palette in Styleguides now has a fresh, organized look with color sections and groups. 🌈 Colors exported from Figma will get auto-organized based on their name conventions to support your design system efforts.

Inspecting components got a lot easier. ✨ 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.

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).

Introducing Approvals: You can now request approval & sign-off on individual screens. Learn more.

Figma Variables you use are now displayed while inspecting screens. Learn more. We’re currently working on supporting Variables in the Styleguide as well — stay tuned!

Better sorting and scrolling with Tags 🏄 You can now:

Status and Assignee tags now will send in-app notifications, emails, and Slack messages. Use tags to streamline communicating essential updates. Learn more about tags.

Try Version Diff: Spot small changes between screen versions in seconds. Learn more.

Easily manage Tags in Tag Groups: Right click on selected screens to bulk update tags, works the best for assignee and status tags! Get started with Tags.

You can now move empty section to another project.

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

A small update following 4.7.3 with a few fixes. ⚡️

You can now view the status of each screen on top using Status tags in the project dashboard 🏷️. Explore more about Tag Groups.

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

When selecting a text layer, “decoration” and “paragraph spacing” values are now available as layer properties.

By right-clicking on a layer, you can access the layer hierarchy.

Enhance your global search experience by filtering results for quicker discovery. Filters have been extended to include projects, screens, sections, comments, and components.

We've made a bunch of improvements to tags.

Fixed a bug where a component variant couldn't be deselected in a styleguide.

We’ve made a bunch of improvements to tag groups.

Tag Groups: Organize your tags by type to make them easier to filter and navigate.

Screen Status & Assignees: Assign screens to teammates and update statuses as work progresses.

Flows Placeholder Screens: Add placeholder screens to represent missing screens in your flow, then swap in the designs when they're ready.

Multi-factor authentication is now available for enterprise workspaces. Learn more.

Background color for screen is now displayed in the right panel.

You can now copy screen names by clicking on them.

You can now resend invitation emails from the project/styleguide member lists.

Fixed an issue where component sections are not reordering.

Fixed an issue where renaming text styles was not reflected in styleguides.

Resolved issue with screens not being updated in flows.

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

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

Following up on our previous update, this update also includes more performance improvements for Flows.

You can now easily follow and unfollow project updates when viewing the project dashboard or joining a project.

Performance improvements for Flows (more on the way!)

Component effects and layers that overflow (e.g. shadows, outside strokes, absolute positioning) are no longer clipped in the Styleguide — to fix your existing components, you can now re-export them.

Component properties from Figma like Boolean and Text, are now listed and highlighted in Zeplin as well.

Performance improvements for Flows (more on the way!)

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

Border thickness values are now displayed for each side.

Nested Sections: You can now nest screen sections up to 3 levels to better organize your screens.

It is now possible to cycle between all the comments in a flow using the arrow keys.

Comments in a flow now stick to screens or shapes, so if you move them the comment moves with it.

We’ve made a bunch of improvements to screen sections, and there's more to come. 👀

You can now easily navigate between screen variants by pressing any number key while holding down the Option key.

You can now add comments on Flows. 🍩 To get started, click on the + button below, or simply click anywhere while holding down the Command key.

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

You can now select which events and projects you want to get email notifications for.

Zeplin now displays the correct name for cloud documents from Sketch.

Fixed a memory leak when navigating between flows.

You can now tidy up any uneven spacing between screens in Flows. Simply select screens to distribute them horizontally. 📐

Added two new zoom-out levels — 6% and 3% — for Flows. This will make it easier for teams with larger flow boards to get the full picture.

Fixed an issue where Storybook URLs were occasionally invalid.

Fixed a crash when launching the app for macOS High Sierra users.

When you select a component in your designs, Zeplin lists other screens that component is used in. Now, you can also see:

Added the option not to include flows while making copies of projects.

Within your flows, you can now drag and move connector lines.

Linked annotations show up in all screens that 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 the sections in a project and jump to one right away.

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:

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

We’ve fixed a bunch of minor usability issues and bugs for shapes in Flows.

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.

Tags of screens are now listed on the right panel while inspecting.

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

Fixed a rare crash that happened while launching the app.

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

Fixed an issue where components weren't displayed for newly created projects.

Fixed an issue where projects weren't displayed after logging out and logging back in.

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

When you select a component in your designs, you can now see a list of other screens where that component and its variants are used in.

You can now attach Flows to Jira tickets.

Workspaces with hundreds of projects should now load much faster.

Improved the performance of flows — specifically large flows with a high number of screens.

Fixed an issue where flows connectors would occasionally disappear after publishing new versions to designs.

Fixed an issue where some comments were being cut off while using a mouse.

Fixed an issue where color names were automatically updated after exporting from Figma, even when the option was disabled.

This update adds an onboarding experience for the Figma plugin. New users can create a sample project with their Figma file, which walks through the most important features to get the most out of Zeplin.

Fixed an issue where navigating between layers or screens would cause a lag.

Fixed an issue where projects, screens, and components could not be dragged on older macOS versions.

Improved loading times for workspaces with a lot of projects and styleguides.

Fixed an issue where screen variant order would be displayed incorrectly.

Fixed a crash when using search with non-Latin characters.

Fixed an issue where navigating using the “Space” key within a flow would not work properly.

Improved performance for large flows.

Introducing Flows & Annotations: You can now create user flows in Zeplin and document how your design should behave. Learn more. 🎉

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

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

Fixed an issue where projects, screens, and components could not be dragged.

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.

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

Fixed some visual glitches in macOS Monterey.

Figma plugin 3.0 is here with a new, streamlined export experience. You can now export designs from within the plugin, without leaving Figma. Learn more. 🍾

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

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

Fixed a rare issue where publishing designs from Figma would fail if they contain a high number of assets.

Fixed an issue where zooming on certain large screens would look blurry.

Fixed an issue where the line height value wouldn’t be displayed in rem when “Use rem unit” is selected.

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.

Fixed an issue where Set as Thumbnail menu item wasn’t listed for screens with variants.

Experimental: Zeplin now auto-exports assets from layers that match certain patterns. Learn more. ✂️ 🧪

Fixed an issue where images couldn't be attached to notes.

Layout Specs: You can now inspect layers created using Auto Layout or Constraints settings. Learn more.

We’ve made some big improvements to Zeplin for Adobe XD with our new plugin. The new plugin lets you publish designs from cloud documents to Zeplin. ☁️

Introducing Screen Variants: Combine variations of the same screen, reducing clutter and enabling developers to quickly toggle between them. Learn more.

Optimized Assets: Zeplin now optimizes PNG and JPG assets automatically. You no longer need to optimize the assets after downloading them.

WebP: Zeplin now generates WebP assets for Web and Android projects.

Fixed performance issues while generating code snippets, specifically in projects/styleguides with a high number of text styles.

Notes have a fresh new look and you can now attach images as well, including GIFs (only if you pronounce it with a hard G). ✏️

New notifications experience: Quickly find the notifications most important to you and take action without losing context.

Publish in Order: Zeplin now analyzes the order of designs in your design file and maintains that order while exporting. You no longer need to re-order designs in Zeplin! 🚦

Design Tokens: Extend your styleguide to the developer world by exporting JSON representations of colors, text styles and spacing tokens. 🪙

Make a Copy: You can now make copies of your projects or styleguides with one click.

You can now pin up to 6 projects.

If you rename your colors in Zeplin, we’ve added an option to the export window to disable updating their names automatically to match the design file.

Added support for the updated pricing plans

Zeplin now supports Semantic Colors! You can add the same color multiple times to your styleguide, if it’s used in different contexts. Next time you publish designs, your colors in Zeplin will automatically be updated to match the ones in your design file. Learn more.

Adobe XD Plugin (Beta): We’ve rebuilt the Adobe XD integration from the ground up to fix critical performance issues and support cloud documents. Install plugin.

Note previews on notifications now display the latest screen version.

Fixed an issue where clicking “Go to Screen” from a note notification wouldn’t open the note popover.

Fixed a rare issue where layer and text styles wouldn’t match when exported from Sketch.

Component Variants: Gain visibility into the various states a design system component has right within Zeplin. 🍣

New notifications experience (Prerelease): Quickly find the notifications most important to you and take action without losing context. 🛎️

Improved app performance on Workspace page.

Fixed a rare issue where the note text would be displayed in white.

Fixed an issue where updating a project member's role wouldn't work.

New notifications experience (Beta): Quickly find the notifications most important to you and take action without losing context.

You can now copy URLs for component groups from the “…” menu.

Zeplin now supports Apple Silicon and will run natively on ARM64 architecture.

Added support for transferring projects between workspaces.

Fixed a rare Figma export issue about copying images.

Added support for an upcoming beta. 🍣 🤫

Added support for the new Reviewer role: Reviewers are able to access projects in your workspace, view designs (without technical specs) and add notes, free of charge. 🧐

Learn more.

Improved performance while navigating between screens.

Fixed a rare crash when generating code snippets for layers.

Fixed a text style export issue from Sketch.

Microsoft Teams Integration: Keep your team up-to-date with the changes happening in Zeplin. You can now connect Microsoft Teams channels to related Zeplin projects and styleguides. Learn more.

Zeplin now supports the new Color Variables feature in Sketch 69—your color variables will be exported to the styleguide as usual. 🎨

Fixed an issue where version color picker was not showing up properly.

Fixed an issue where navigating between versions via arrow keys were not working.

Using the elevator button on the left, you can now quickly navigate between your sections for projects. 🔼🔽

iOS and macOS projects and styleguides now support SVG assets. (If the SVG is not showing up for an older design, re-exporting it should do the trick.)

Provide your full name and a short bio within the profile page to make it easier for your team to know who you are and what you do.

Fixed an issue where dragged notes wouldn’t follow the cursor.

Provide your full name and a short bio within the profile page to make it easier for your team to know who you are and what you do.

You can now quickly create a project within a section using the “…” menu.

Zeplin now displays the section name of a project within the dashboard, along with links to other projects within that section for easy access.

Fixed “Create styleguide” button not working properly in personal workspaces.

Sections for projects: Bring clarity to your workspace by organizing and adding more context to your projects. Learn more.

You can now mention members of your project or organization using the @project and @organization keywords.

Opening a new Zeplin window will now keep you in the current workspace.

Fixed an issue where some notes were being cut-off.

You can now format your notes using markdown. 📝

Introducing Zeplin + Figma, redesigned from scratch. Learn more. 🌱

You can now assign statuses to projects in your organization workspace to better organize them. 🚥

Pin projects: You can now pin projects you frequently access in your organization workspace. 📌

We’re currently reimagining the Zeplin workspace, enabling you to organize your projects and access them quickly. This is the first of a series of releases coming up in the next few weeks—stay tuned.

Adds support for Figma integration 2.0 beta: We’ve rebuilt the Figma integration from ground up to fix critical performance issues and introduced a couple new features. Get started.

You can now quickly copy a text layer’s contents by pressing ⌘C.

Fixed an issue where layer colors were incorrect for nested artboards from Sketch. If you ran into this, exporting again after updating the app should do the trick.

Fixed number of decimal digits for rem units.

Introducing Spacing and rem unit: While inspecting designs, Zeplin now displays overlays for spacing tokens and translates measurements to rem. 👾

Fixed an issue where layer style colors exported from Sketch didn’t have correct names.

Zeplin now supports Sketch's new tint feature.

You can now search for linked Jira issues on Dashboard or using "Jump To…" window.

You can now open multiple Zeplin windows by using the shortcut ⌘⇧N or from the top menu.

Fixed components not being updated properly.

Fixed "Jump to…" window not listing screens if a tag is selected.

🍇 Zeplin 3.0 is here—3 million users, 2 new features, 1 source of truth.

You can now copy links to components by right clicking.

If you accidentally add colors or text styles to your styleguides, you can now delete them all at once through the “…” menu.

Zeplin will now download the available updates in the background to simplify the update process.

Zeplin now supports universal links on macOS Catalina. Once you set it up in Safari, all web app links will launch the macOS app instead. 🔗

You can now copy a project or a styleguide's link directly from within the workspace.

Fixed a rare issue where typing : or @ when writing a note would crash the app.

Fixed space key not working occasionally within the support panel.

Fixed an issue where selecting "Keep Grouped Symbol Names" option would prevent Zeplin from matching used components on screens.

You can now easily find related support articles or contact us from the lifesaver icon on the top right.

Fixed an issue when dragging screen by holding space bar would get stuck.

Fixed an issue where “Zoom to Selection” option would not work correctly for some layers.

Improved project and styleguide search on Workspace.

Jira integration is here—connect Zeplin to Jira to enable two-way collaboration. 🦖

Fixed an issue where clicking on a prototyping link would not navigate to the correct screen if a screen tag was selected.

Fixed an issue where horizontal and vertical flips were not applied to layers from Sketch.

Fixed a rare issue where suggested colors panel would not expand properly.

More emojis! You can now add emojis from Unicode 12.0.

Fixed a rare crash when navigating to a section.

Fixed updated screen description not persisting when navigating to another screen.

Variable Fonts: Zeplin now supports Variable Fonts exported using Sketch 59.

Fixed an issue where network errors weren't dismissed properly after waking up the device—the infamous “Fetching projects failed” error.

Fixed an issue where colors from linked styleguides weren't be displayed in the macOS color picker.

Fixed a rare issue where colors from Sketch would have invalid names.

Zeplin now supports Sketch 58, including symbols using Smart Layout.

You can now export assets from overridden symbols—both style and image overrides—and resized symbols effortlessly.

You can now move colors, text styles and component sections between projects and styleguides, making it easier to migrate your existing local styleguides to global styleguides.

Improved macOS color picker to include colors from styleguides.

Zeplin now supports SAML Single Sign-on. 🔑

You can now add a commit message while exporting screens. 💬

With the new Sketch plugin options, you can now export all the artboards or symbols from the current page or the whole document at once.

You can now handpick which PNG scales to download, e.g. if you are not interested in 1x, you can now disable it. ✂️

Fixed app not navigating correctly when launched by clicking an app URI.

Fixed components not being highlighted while navigating from a screen or via an app URI.

Fixed "Jump to…" not working for some components or sections.

More emojis! You can now add emojis from Unicode 10.0 and 11.0.

Fixed an issue where exporting colors from Sketch wouldn't recognize some colors from layer styles.

Fixed exporting colors as .clr not working in certain cases.

Fixed exporting assets on macOS Catalina.

Fixed a rare crash where Zeplin wouldn't launch due to a local storage issue.

Global Styleguides: You can now create global styleguides and link them to multiple projects, enabling engineers to reference your design system across all of your projects.

You can now export Figma and Adobe XD components to Zeplin and they will be listed under the Components tab of your Styleguide, linked to your screens.

You can now export document and layer style colors and text styles directly from Sketch.

Fixed a crash while autocompleting emojis and usernames.

Fixed a crash while autocompleting emojis.

Fixed an occasional Sketch export crash for files using the Anima plugin.

Zeplin now suggests adding Figma color and text styles to your project styleguide when you export frames. 🎨 ✏️

You can now share links to a specific version of a screen.

Fixed an issue where exportable components from Figma wouldn't have assets.

Fixed an issue where JPGs in Zeplin would be larger than Sketch—JPG quality can also be tweaked from the Sketch Integration menu.

Fixed an issue where components wouldn't be recognized in screens exported from Sketch using the Anima plugin.

Zeplin now supports Google Sign-In. 🗝

Fixed an issue where Sketch 54 would become active while exporting to Zeplin.

Fixed an issue where browsing large screens would increase used memory.

Fixed an issue where colors wouldn't be highlighted.

Fixed an uncommon issue where screen borders would flicker.

Fixed a rare Photoshop export crash.

Added a button to dismiss Add to Slack sheet.

Zeplin now supports Dark Mode on macOS Mojave. 🌒

You can now export Figma components to Zeplin (the same way you export frames) and they will be listed under the Components tab of your Styleguide, linked to your screens.

Added PDF assets to designs exported from Figma to iOS and macOS projects.

Added an option to rename tags, by right-clicking from the project dashboard.

Fixed a rare Sketch export issue where override colors from libraries would not be displayed correctly.

Fixed a Photoshop export crash introduced on 2.3.

Added support for new features in Sketch 53, exporting names of document colors and exporting document colors from libraries. 💎

Added support for scaled Sketch symbol instances.

Added support for flipped Sketch groups and symbol instances.

Fixed extension README links.

Fixed an issue where the import progress bar wasn’t clipped properly.

You can now detach notifications pop-up to easily navigate and read through activities you've missed. 🔔

Revamped interface for creating a project.

Fixed adding a Slack integration via Google Sign-In.

Fixed setting an emotar.

Fixed a rare crash while exporting multiple artboards from Adobe XD CC.

Fixed an issue where asset previews weren't occasionally displayed for small layers.

Fixed an issue where renaming assets occasionally wouldn't allow typing certain characters.

Fixed an issue where ⌘⌫ would prompt to delete a screen while adding a note or a commit message.

Fixed an issue where selecting an autocomplete suggestion would occasionally move the cursor to an invalid location.

Fill colors from Sketch styles and library shared styles are now exported to Zeplin automatically.

Text styles from Sketch libraries are now exported to Zeplin automatically.

Fixed an issue where certain text inputs were not supporting non-English special characters.

Fixed an issue where reordering components would not work properly in some cases.

Fixed an issue where changing the project density would not affect layer dimensions.

Fixed exporting images from libraries using the new Sketch asset export system.

Fixed an issue where Safari would pop remote inspectors while using Zeplin extensions.

Fixed a rare crash on older macOS versions using Zeplin extensions.

Fixed an issue where exporting nested artboards from Sketch would ignore the child artboard’s layers.

Fixed an issue where the progress bar would not show up when uploading the designs.

Fixed an issue where occasionally “New Group from Selection” menu item would not show up while right-clicking components.

Fixed an issue where a new component group would not be placed correctly.

Fixed multiple usernames highlighting issues in notes.

Fixed an issue where occasionally the extension API would not be updated when necessary.

Fixed Figma integration timeout issues, updating the interface to display progress.

Added a Sketch integration option to always use symbol instance names, rather than master symbol names.

Added a Sketch integration option to disable keeping symbol names with groups, if you use slash to group them in Sketch.

You can now set a component’s image as the project’s thumbnail.

Increased precision of letter spacing values.

Fixed an issue where the Back button would not navigate correctly after jumping to a component from a screen.

Fixed a Sketch integration crash that happened while exporting a symbol that contains the instance of the same symbol.

Improved Figma integration export performance on larger files.

Added remaining character count and fixed scrolling issues while typing long notes.

Fixed an issue where certain main menu items weren't selectable.

Fixed an issue where the parent layer wasn't selectable while displaying percentage values.

Fixed a rounding issue on letter spacing values.

Fixed an issue where the delete button for a note wouldn't appear when it's initially created.

Fixed an issue where a clumsy dark mode was available on macOS Mojave—working on a proper version as we speak. 😬

Fixed an issue where copying Styleguide colors between same type projects would fail.

Fixed an uncommon issue where previously exported Figma screens would not be interactable.

Zeplin now supports Sketch 52 Beta style and text style overrides. 💎

Fixed a Photoshop export issue on artboards without a background color.

Updated layer name on the right panel to be selectable.

Updated transparent colors to only reference the same color without transparency.

Fixed an issue where clicking Esc while renaming a recently created section would delete it.

Fixed an issue where reloading local extensions wasn’t functioning on certain screens.

Fixed a Photoshop export issue on artboards without a grid.

Fixed an issue on extensions for layers with fills.

Fixed mouse click events on macOS Mojave.

From Adobe XD CC, Zeplin now automatically exports JPGs (instead of vector images) from exportable layers that contain bitmaps.

Image uploads are now retried automatically after a timeout.

Fixed an issue where Pop Out window wouldn't snap to iOS Simulator properly on external displays.

Fixed an issue where adding multiple colors and/or text styles exported from Sketch would slow down the app.

Fixed an issue where extension Styleguide snippets would require all functions to be implemented.

You can now mention yourself in notes.

Fixed a rare crash while caching images.

Fixed a screen rendering issue on non-retina displays.

Added an option to the project selection window to export Sketch symbols as screens. • Fixed an issue where tag names were not rendered properly.

Fixed a crash on macOS Sierra that happened when a project gets updated.

Components: You can now export symbols from Sketch (the same way you would export an artboard) and they will be listed under the new Components tab of the project Styleguide. When you click a layer that’s inside a component you’ll quickly see the component name and a link that will take you to it. 🍒

Assets can be renamed locally, before downloading or exporting them to Xcode or Android Studio.

Revamped Dashboard interface with larger thumbnails.

Revamped interface for layer properties and Styleguide.

Zeplin keeps artboards and components exported from Sketch in order. (You can enable this feature under the Experimental menu.) 🚦

Notes can now be filtered.

Colors can now be reordered.

You can now add descriptions to projects.

From the right panel, Assets tab, you can now select multiple assets and download them at once.

Zeplin is now compatible with Sketch 50. 🎁 💎

Fixed an issue where document text styles from Sketch 50 weren't suggested in the Styleguide.

Fixed an issue where certain Sketch text layers would have a different text style for the last character.

Fixed resizing issues on overridden Sketch text layers.

Fixed an issue where an extension would be displayed with an empty output.

Copy colors and text styles between organization projects—no need to populate the Styleguide from scratch every time.