Lesson 5: Use Shared Style Guides & Components

Style Guides

A style guide makes sure your team creates a consistent experience by having an up-to- date guide accessible to everyone.

The main components of a styleguide include UI components like buttons, text style, colors, etc.

Components

Once you create components, or UI elements for your projects, you can easily house and reuse them in Zeplin.

Gone are the days of hunting through folders to find the right version of a component, or manually recreating them for new projects.

But, the main benefit of this feature is that it allows any change made to a component to be updated across all screens in your project. In the components tab, you can easily see on which screens a single component is used.

This cuts down on hours of time spent manually updating the component across each screen.