Components in Zeplin
Learn more about components in Zeplin—how to inspect and highlight components, use component variants, connected components, and Storybook Integration
By Didem1 author31 articles
- Inspecting components in a screenLearn how to inspect your components in a screen
- Inspecting a component in the detail viewLearn how to get a detailed view of a component and inspect it
- Discovering the reusable components in a screenLearn how to discover the reusable components in a screen
- Highlighting components in screensLearn how to highlight components in a screen
- Component Version HistoryLearn how to see the changes on a component over time by using Component Versions
- Spotting changes in components with Version DiffLearn how to spot the differences between component versions
- Customizing component background preview colorLearn how to change the component background preview color
- Component Variants in ZeplinLearn more about Component Variants in Zeplin
- Document when and how to use Component VariantsLearn when and how to use Component Variants
- Setting up Component Variants from FigmaLearn how to set up Component Variants from Figma
- Setting up Component Variants from SketchLearn how to set up Component Variants from Sketch
- Setting up Component Variants from Adobe XDLearn how to set up Component Variants from Adobe XD
- Setting up Component Variants manuallyLearn how to set up Component Variants manually
- Viewing Component Variants within designsLearn how to view Component Variants in a screen
- Creating groups within variant sectionsLearn how to create groups within variant sections
- Filtering variants by propertiesLearn how to filter variants by properties
- Generating CSS snippets from Component VariantsLearn more about generating CSS snippets from Component Variants
- Connecting your componentsLearn more about Connected Components and how to connect your components
- Adding Storybook links to your componentsLearn how to add Storybook links to your components in Zeplin
- Adding Styleguidist links to your componentsLearn how to add Styleguidist links to your components in Zeplin
- Adding custom links to your componentsLearn how to add custom links to your components in Zeplin
- Adding repository links to your componentsLearn how to connect GitHub, GitLab, and Bitbucket links to your components in Zeplin
- Enabling local configurationLearn how to run Connected Components locally
- Building your own pluginLearn how to build a custom plugin to connect your components
- Getting started with Storybook IntegrationLearn more about Zeplin’s Storybook integration
- Connecting your Storybook instance with ZeplinLearn how to connect your Storybook instance with Zeplin
- Linking your components in Zeplin with stories in StorybookLearn how to link your components in Zeplin with stories in Storybook
- Unlinking components in Zeplin from storiesLearn how to remove Storybook links from your components in Zeplin
- Removing a Storybook integration from projects/styleguidesLearn how to remove Storybook links from your projects/styleguides in Zeplin
- Troubleshooting the Storybook IntegrationList of common issues or questions you might have with Storybook Integration
- Why Zeplin’s new Storybook integration doesn’t require CLILearn more about why you don't need to use CLI with Zeplin's new Storybook integration