Design Systems by Mohammed AlyazjiDesign Systems by Mohammed Alyazji
Design SystemsMohammed Alyazji
Cover image for Design Systems
I build scalable design systems tailored to your product, starting with a comprehensive audit and continuing through token architecture, component libraries, documentation, and onboarding support to ensure consistency across your team and product ecosystem.

What's included

🎨 Design Foundations
Setup of core styles: color palette, typography, spacing, grid, radii, and elevation.
🧠 Token Architecture (3-Tier)
A fully tokenized system using Figma Variables: Primitives β†’ Semantic Tokens β†’ Component-Level Tokens.
🧱 Component Library
Buttons, inputs, badges, modals, forms β€” designed with auto layout, variants & naming logic.
🧩 Figma Organization
Clean structure using atomic methodology. Layers, pages, and components are neatly grouped.
πŸ“š System Documentation
In-Figma usage guidelines, or optional Notion/Zeroheight handoff for dev teams.
FAQs

Contact for pricing
Duration1 week
Tags
Figma
Notion
Design Systems Specialist
Design Token
UI Designer
Service provided by
$1k+
Earned
2
Paid projects
5.00
Rating
32
Followers
Design SystemsMohammed Alyazji
Contact for pricing
Duration1 week
Tags
Figma
Notion
Design Systems Specialist
Design Token
UI Designer
Cover image for Design Systems
I build scalable design systems tailored to your product, starting with a comprehensive audit and continuing through token architecture, component libraries, documentation, and onboarding support to ensure consistency across your team and product ecosystem.

What's included

🎨 Design Foundations
Setup of core styles: color palette, typography, spacing, grid, radii, and elevation.
🧠 Token Architecture (3-Tier)
A fully tokenized system using Figma Variables: Primitives β†’ Semantic Tokens β†’ Component-Level Tokens.
🧱 Component Library
Buttons, inputs, badges, modals, forms β€” designed with auto layout, variants & naming logic.
🧩 Figma Organization
Clean structure using atomic methodology. Layers, pages, and components are neatly grouped.
πŸ“š System Documentation
In-Figma usage guidelines, or optional Notion/Zeroheight handoff for dev teams.
FAQs

Contact for pricing