Design Systems
Scalable foundations across every surface.
Senior Product Designer
I design systems that scale products
Design system architect and vibe coder. I bridge the gap between design and engineering to build products that are consistent, scalable, and beautifully crafted.
● Design Systems
</> Vibe Coding
Scroll
Design Systems
Vibe Coding
Product Design
Figma Architecture
Token Systems
Flutter & React
Component Libraries
Design Engineering
Storybook & Widgetbook
Atomic Design
Design Systems
Vibe Coding
Product Design
Figma Architecture
Token Systems
Flutter & React
Component Libraries
Design Engineering
Storybook & Widgetbook
Atomic Design
01 / Selected Work
Case studies
Deep dives into design system work — from problem framing through architecture, implementation, and impact.
02 / About
Designer who speaks code
Senior Product Designer bridging design systems and engineering.
Vibe Coding
Designing directly in code with engineers.
Components
Reusable UI systems that ship and scale.
Collaboration
Aligning design and engineering on one roadmap.
03 / Approach
How I work
My design philosophy centres on systems thinking, cross-functional collaboration, and bridging the gap between design tools and production code.
Systems over screens
I don't design pages — I design the building blocks that compose into pages. Tokens, primitives, components, and patterns that scale across any surface.
Vibe coding
I work directly in the codebase alongside engineers — writing, adjusting, and refining components in real-time. Design intent doesn't get lost in translation.
Design ↔ engineering
The best design systems are co-owned. I build trust with engineering through shared governance — Storybook, Widgetbook, code reviews, and joint ownership.
04 / Experience
Where I've been
Senior Product Designer, Design System
Club (formerly Brandbassador) · Full-time
Sep 2023 - Present · 2 yrs 7 mos · Greater London, England, United Kingdom · Remote
- Creates and maintains Club design system components and guidelines.
- Establishes visual language, develops components, documents guidelines, and collaborates with teams to continuously improve the system.
- Collaborates with designers and developers to ensure the highest product quality.
Senior Product Designer, Design System
Halan · Full-time
Jul 2020 - Sep 2023 · 3 yrs 3 mos · Cairo, Egypt
- Collaborated with product teams to prototype, design, and deliver UI and UX across Halan apps and key verticals including loans, loan officer, and commerce.
- Owned core parts of the full design system and drove consistency at scale.
- Planned and ran user interviews, usability testing, and design reviews.
Senior Product Designer
Mabaat · Full-time
Aug 2019 - Jul 2020 · 1 yr · Saudi Arabia
- Led the product design department and owned UX and UI process quality.
- Reviewed team outputs and improved collaboration standards.
- Revamped the website and new app, and owned the new design system and style guide.
Design System Consultant
Orcas · Contract
Mar 2020 - Jun 2020 · 4 mos · Cairo, Egypt
- Worked on a major project with new technologies and a modern product experience.
Product Designer
Wallet ERP · Full-time
Oct 2018 - Jul 2019 · 10 mos · Lebanon
- Worked on revamping the ERP app and multiple system areas.
- Followed end-to-end design process including research, testing, and iteration.
User Interface Designer
Awammer ELshabka for Information Technology · Full-time
Jan 2018 - Dec 2018 · 1 yr · Egypt
- Worked on organizing sessions related to user interviews, usability testing, and design reviews.
05 / Contact
Let's build
something together
Open to design system roles, product design opportunities, and collaborations where design and code meet.