Mid-Senior Frontend Engineer - Design System & Component Library

Job description

**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