Clean up Pattern Library Sketch file to improve usability
Clean up Pattern Library Sketch file to improve usability.
The current Pattern Library Sketch file has an inconsistent symbol structure, making it difficult to understand how to use the components available, and where to find the correct elements to use in the UI.
The example below demonstrates the complexity of organization and issue faced when selecting a simple container background.
Provide a seamless way to organize and find symbols in the Pattern Library Sketch file, while improving the material design methodology use applied to it. See pattern-library.md
All symbols should be:
- Clearly organized
- Provide desktop/mobile option (when applicable)
- Clear indication of how to use overrides
- Reuse general symbol's palette for color/shapes
- A list of cleaned-up components (this might already exist)
- List of existing UI elements that are in use in the product, but are not available in Sketch
- Define and document how to organize new symbols
- Where necessary, reduce the instances of a symbol/component to avoid confusion
Some of the UI components that are not available in the Sketch file hurt the prototyping process. I understand that the end goal of the pattern library is to provide a single source of truth for UI components that are designed and implemented according to design and front-end guidelines, but not making them available slows down the prototyping.
I suggest we add the current components (no "componentized" yet) to help building prototypes, and mark them as "pending" as wek go so teams know what to pickup and implement, and designers don't need to rework on symbol from scratch.