Creation & Innovation of Design System

Overview 👀

Client: Money Fellows

Role: UI Designer

Tools: Figma, Token Studio

✨Check Design System✨

Click the link bellow to check Figma link: >>MoneyFellows DS<<

Description

Revamping of MoneyFellows's old Design system to new Design System, A customisable, fully fledged Design system to give the business better Design consistency and to maintain a consistent Design language.

Responsibility

As a UI Designer in the design system, I'm responsible to creating any necessary assets needed for the UI including icons and illustrations, component variations that follows to the design system guide lines.

Manage Design System including tokens, components and documentation along aside DS UI Principle.

Facilitating hand-offs to the developers to ensure a smooth and pixel-perfect implementation of the final design.

Achievements

Revamping of old design system to a new one that is simple and trendy one that fit more to the business.

Documentation of full design system components.

✨ Design System highlights ✨

The following highlights are examples of what does the design system includes

Tokenizing Values

🎨 Color token names example



🖋️ Typography token names example





🔁 Instance swap





📄 Documentation