Creation & Innovation of Design System
Yara El-Nagar
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
Like this project
Posted Mar 27, 2024
Revamping of old design system to a new one and the documentation of new design system and guidelines of when and how to use a certian component/variant.
