Yassir

Algiers

Mid-Senior Frontend Engineer - Design System & Component Library

ON-SITE SENIOR
Posted 4 months ago

Quick Summary

Role Overview

You will join the SEFAR Design System team as a Mid-Senior Frontend Engineer to build and maintain Yassir's internal React component library. You will collaborate with UI/UX designers to transform Figma designs into accessible, high-quality code that powers web applications across multiple regions.

Key Responsibilities

  • Build and evolve React components using patterns like CVA and composition
  • Translate Figma designs into pixel-perfect and performant web components
  • Implement and maintain design tokens for colors, typography, and spacing
  • Create compound components using Radix UI primitives for enhanced functionality
  • Ensure WCAG 2.1 AA accessibility compliance and support for RTL layouts
  • Maintain interactive Storybook documentation and link components to Figma files

Requirements Snapshot

  • At least 4 years of professional experience in frontend development
  • Expert knowledge of React with TypeScript and utility-first styling with Tailwind CSS
  • Proven experience building or maintaining component libraries and design systems
  • Solid understanding of web accessibility standards and semantic HTML
  • Proficiency with testing frameworks like Jest and React Testing Library

Expected Impact

You will play a critical role in standardizing the user interface across Yassir's expanding digital ecosystem, enabling faster and more consistent product development. By maintaining a robust design system, you help usher the Maghreb region into a digital economy era through high-quality financial and on-demand services.

This summary was generated from the original job posting (AI-assisted, human-reviewed). For full details, see the description below.

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
At Yassir, we believe in the power of diversity and the importance of an inclusive culture. So, if you're ready to bring your unique perspective and experiences to the table, then we're excited to listen.

Don't just apply for a job, come and be a part of our journey. Let's create a better tomorrow together.

We look forward to receiving your application!

Best of luck,
Your Yassir TA Team


Check My Fit

No credit card required

Sign in with Google to start instantly