Mid-Senior Frontend Engineer - Design System & Component Library

**Yassir** is the leading super App in the Maghreb region set to changing the way daily services are provided. It currently operates in **45 cities across Algeria, Morocco and Tunisia with recent expansions into France, Canada and Sub-Saharan Africa**. It is backed (~**$200M in funding**) by VCs from Silicon Valley, Europe and other parts of the world.

We offer on-demand services such as ride-hailing and last-mile delivery. Building on this infrastructure, we are now introducing financial services to help our users pay, save and borrow digitally.

Helping usher the continent into a digital economy era. We’re not just about serving people - we’re about creating a marketplace to bring people what they need while infusing social values.

**About the Role:**

We’re looking for a Mid-Senior Frontend Engineer to join our SEFAR Design System team. SEFAR is Yassir’s internal component library that powers our web applications with reusable, accessible, and well-documented React components.

You’ll work closely with our UI/UX team to transform Figma designs into production-ready code, maintain our design token system, and ensure our components meet the highest standards of quality, accessibility, and performance.

### What You’ll Do

• **Component Development & Maintenance:**
• Build, maintain, and evolve React components following our established patterns (CVA variants, forwardRef, composition)
• Translate Figma designs into pixel-perfect, accessible, and performant components
• Implement and maintain design tokens (colors, typography, spacing, shadows)
• Create compound components using Radix UI primitives
• **Quality Assurance:**
• Write comprehensive unit tests using Jest and React Testing Library
• Ensure WCAG 2.1 AA accessibility compliance across all components
• Support RTL layouts for Arabic language markets
• Participate in code reviews and maintain high code quality standards
• **Documentation:**
• Create and maintain Storybook stories with interactive controls and proper documentation
• Keep component documentation up-to-date with design changes
• Work with Figma Code Connect to link components to design files
• **Collaboration:**
• Partner with UI/UX designers to ensure design feasibility and optimal implementation
• Support product teams consuming the component library
• Contribute to design system governance and component API decisions

### Technical Requirements

• **Must Have:**
• 4+ years of professional frontend development experience
• Expert-level React with TypeScript (hooks, context, refs, composition patterns)
• Strong proficiency with Tailwind CSS and utility-first styling
• Experience building or maintaining component libraries/design systems- Solid understanding of web accessibility (ARIA, semantic HTML, keyboard navigation)
• Proficiency with testing (Jest, React Testing Library, or similar)
• Experience with Storybook for component documentation
• Understanding of design tokens and design-to-code workflows
• Strong Git proficiency and experience with PR-based workflows
• Ability to effectively use AI coding assistants (Copilot, Claude, Cursor, etc.) to accelerate development while maintaining code quality
• **Nice to Have:**
• Experience with Radix UI or similar headless UI libraries
• Familiarity with class-variance-authority (CVA) or similar variant management
• Experience with Vite and modern build tooling
• Understanding of bundle optimization and tree-shaking- Experience with Figma or design tools from a developer perspective- Prior experience supporting RTL languages (Arabic, Hebrew)
• Experience publishing packages to npm/GitHub Packages