All Collections
Components in Zeplin
Component Version History
Component Version History

Learn how to see the changes on a component over time by using Component Versions

Okan avatar
Written by Okan
Updated this week

Each version of the components you export to Zeplin will be individually saved along with their commit messages, categorized by colors and timestamps.

You can see the version history of a component in its detail view. To open a component's detail view while on a screen, you can select the component in a screen and click the "See versions" button in the component box on the right panel. You can also click on the component tag revealed when you select a component in a screen.

When you’re on the detail view, you can see the Version History section on the left panel. To check out an earlier version, you can click on it or use the "Up/Down" arrow keys to navigate through versions, and you can compare changes between different versions by enabling the “Show differences” option.

☝️ On the Free plan, you can only see the versions exported in the last 30 days.

You can also access the Version History through a styleguide by double-clicking on a component from the Components section under a styleguide or selecting the component and clicking on the "Go to Component Detail" button on the right panel.

To learn more about how to compare changes between versions, you can check out this article:

Commit messages

To inform your teammates about what has changed in a component, you can set commit messages to the versions. To do that, click on "Enter Commit Message".

You can also add commit messages while exporting a component from your design tool. To do this, type your message into the Add commit message field in the plugin or project selection window and click the “Done/Export” button.

You can learn how to export components from the articles below:

Colors

You can organize the component versions by setting different colors. To do this, hover over the color selector on the left of the component version and select a color.

💁‍♀️ Check this article for some handy tips and hands-on examples on how to make the most of commit messages and colors.

Version links

Every component version has a link you can share with your team. You can hover over a version, click the "..." button, and select "Copy version web link."

To dig deeper into this or any other topics related to Zeplin, reach out to our Customer Success crew at success@zeplin.io to schedule a 30-minute call.

Related Articles:

Did this answer your question?