One design system, explored three ways. The Wego product design team's hub for turning ideas into on-brand, close to production-ready screens fast.
Built and handled by Hafizh Sallam. Message me on Slack
One Design System, three ways to work: generate with Claude, explore in HTML, hand off a live prototype.
Stable components are duplicated into Claude Design, so anyone on the team can generate on-brand screens straight from a prompt. Select the Wego Design System Lite project to start.
Note: only available on the Wego #1 workspace.
Copy the system into your project with one degit command — tokens, components, assets and Claude Code skills, no registry or install. Then describe the design you want and get on-brand HTML. See the docs for steps.
The developer hand-off format. Prototypes built from the real @wego/web-system production components — the exact code that ships. Hand it straight to engineering.
Every page of design work in one place, grouped by area, with platform, Figma, prototype and status per page.
| Page & Documentation | Platform and Description | Exploration Figma/HTML | Hand-off | Documentation |
|---|---|---|---|---|
| DesktopWIP | Figma/HTML | React | - | |
| Example of Branch | Figma | - | - | |
| Mobile | Figma | - | - | |
| Example of Branch | Figma | - | - | |
| Desktop | - | - | - | |
| Mobile | - | - | - | |
| Qitaf & Mokafaa Flow | - | - | - | |
| Desktop | - | - | - | |
| Revamp Itinerary CardWIP | - | React | Readme | |
| Mobile | - | - | - | |
| Desktop | - | - | - | |
| Mobile | - | - | - | |
| Desktop | - | - | - | |
| Mobile | - | - | - | |
| Desktop | - | - | - | |
| Qitaf & Mokafaa Flow | Figma | React | - | |
| PayPal Flow | - | React | - | |
| Mobile | - | - | - | |
| Qitaf & Mokafaa Flow | Figma | - | - | |
| Desktop | - | - | - | |
| Qitaf & Mokafaa Flow | Figma | React | - | |
| Mobile | - | - | - | |
| Qitaf & Mokafaa Flow | - | - | - |
