Design systems · Xsolla
XUI Design System
Original project leadership and ongoing maintenance of shared React and React Native UI foundations, design tokens, and developer documentation.
- My role
- Original project lead and one of two technical co-leads; continuing maintaining developer.
- Scope & context
- XUI · Publisher Account and Business Accounts
Overview
Several UI libraries served different products, while a new visual language needed to work across web and React Native. Existing applications included older React versions, so adoption could not depend on every team upgrading its stack first.
My contribution
- Co-led the initial scope, architecture, development, and migration direction for XUI.
- Built reusable primitives and component APIs, with design tokens and product context behind a shared provider.
- Implemented conversion from nested design-token exports to runtime themes, including light and dark variants across multiple brands.
- Drove a consistent component-sizing convention to make adoption and migration more predictable.
- Published Storybook guidance and LLM-readable component documentation in llms.txt format, with props and usage examples; taught React styling to Xsolla School graduates.
- Helped product teams move toward shared UI foundations while keeping product layouts and workflows in their applications.
Outcomes & status
The team shipped the initial usable library in about a month. Web and native could consume a shared component contract, and product themes could be expressed through the common token architecture rather than a separate kit.
I remain a maintaining developer. Component coverage, theme work, and product migration continue as a shared team responsibility.
Tech Stack & Tools
- Shared component APIs and platform-specific web/native implementations; design-token conversion, theming, Storybook, and Firebase-hosted documentation.
- React
- React Native
- TypeScript
- Design tokens
- Storybook
- Package publishing
- Firebase
- llms.txt