How to work with WSR UX library

Managing & Documenting

Sketch Library

Creating new symbol / updating a symbol in Sketch library - check list:

  • Update or create symbol in the symbol library sketch file (the "red file")
  • Update the "Wix Style" card in Trello "DS Files" board, and write the changes you made in this format: Your Name / Component Name / Changes
  • Update or create a Zeplin spec for the symbol, using our Zeplin templet.
  • Update the relevant card in Trello "DS Files" board, and write the changes you made in this format: Your Name / Component Name / Changes
  • Open a jira ticket for dev (if needed)
  • Update relevant groups about the change (if relevant)


Storybook

Main Users: Developers

WSR Storybook

0. Instructions
Guides on how to work with WSR

1. Components: 
All developed components and dev definitions

Every component page should include: 
- Clear API
- Description and examples of use cases according to UX and Dev needs
- Testkit
- Playground

2. UX Stories:
all combinations of existing components that don't exist as components but exist in Zeplin

Every UX Story page should include: 
- Description and examples of use cases according to UX and Dev needs


Google Drive

Sketch Versions


Wix Style Folder Structure




New library version flow



Distribution Folder




Source Folder

IN THIS ARTICLE