I took this task for MasterCracks mobile app. Taking in account that this is a content app that has Ed-tech as one of its core, it has several components that users can interact with to consume content and have a bidirectional communication with it.

I documented how these components behave when interacting, what are their limits and constraints, and how they are aligned to the general guides of the design system, like typography, colors and sizes.

Documenting components it’s probably the least sassy part of UI design, but from a business perspective, it can help to improve the efficiency, consistency, and quality of design work, and help to reduce costs and improve the overall user experience.