Senior Design System Engineer

Datamatics Technologies; Riyadh; On-site; SAR 240,000 - 420,000; Full time

Job summary

Datamatics Technologies in Riyadh, Saudi Arabia, is seeking a Senior Design System Engineer to lead the development, governance, and scaling of our enterprise Design System. You will bridge design and engineering to ensure consistency, accessibility, and reusability across digital products.

You will design and evolve a reusable component library, collaborate with product designers, UX researchers, product managers, and frontend teams, and drive adoption while upholding WCAG standards and

Qualifications

• Bachelor's degree in CS, software engineering, HCI, or related field.
• 5–10 years of Front-End/UI Design System development experience.
• Strong proficiency in JavaScript, TypeScript, HTML5, CSS3, and modern frameworks.
• Hands-on React experience and component-based architecture.
• Knowledge of Design Tokens, Atomic Design, and design libraries.
• Familiarity with Storybook, Figma, and design-to-development workflows.
• Understanding WCAG 2.1 and responsive design principles.
• Experience with Git, CI/CD, and Agile environments.

Responsibilities

• Design, build, maintain, and evolve a scalable Design System and reusable components.
• Collaborate with designers, researchers, PMs, and engineers.
• Translate design tokens and specs into production-ready code.
• Define standards, guidelines, and governance for the Design System.
• Drive adoption across teams and measure impact.
• Mentor junior engineers and provide architectural guidance.
• Ensure accessibility and responsiveness across platforms.
• Monitor performance and usability improvements.

Skills

Design Systems

React.js

TypeScript

JavaScript

Storybook

Figma

Design Tokens

Component Libraries

Accessibility (WCAG)

HTML5

CSS3

UI Architecture

Front-End Development

Agile & Scrum

CI/CD

Git

Education

Bachelor's degree in Computer Science, Software Engineering, Human-Computer Interaction, or related field

Tools

Storybook

Figma

Git

CI/CD

Job description

Experience: 5-10 Years
Location: Saudi
Employment Type: Full-Time

Role Overview

We are seeking an experienced Senior Design System Engineer to lead the development, implementation, and governance of our enterprise Design System. The ideal candidate will bridge the gap between Design and Engineering, ensuring consistency, scalability, accessibility, and reusability across digital products and platforms.

Key Responsibilities

• Design, build, maintain, and evolve a scalable Design System and reusable component library
• Collaborate closely with Product Designers, UX Researchers, Product Managers, and Engineering teams
• Develop high-quality, accessible, responsive, and reusable UI components
• Define and enforce design system standards, guidelines, and best practices
• Establish governance processes to ensure design consistency across products
• Translate design tokens, patterns, and specifications into production-ready code
• Drive adoption of the Design System across multiple teams and business units
• Ensure compliance with accessibility standards (WCAG) and responsive design principles
• Monitor system performance, scalability, and usability improvements
• Mentor junior engineers and provide technical leadership for front-end architecture decisions

Required Qualifications

• Bachelor's degree in Computer Science, Software Engineering, Human-Computer Interaction, or related field
• 5-10 years of experience in Front-End Engineering, UI Engineering, or Design System development
• Strong expertise in JavaScript, TypeScript, HTML5, CSS3, and modern front-end frameworks
• Hands-on experience with React and component-based architecture
• Experience building and maintaining enterprise-scale Design Systems
• Strong understanding of Design Tokens, Atomic Design, and Component Libraries
• Experience with Storybook, Figma, and design-to-development workflows
• Knowledge of accessibility standards (WCAG 2.1) and responsive design principles
• Experience with Git, CI/CD pipelines, and Agile development methodologies

Preferred Qualifications

• Experience with Design System governance and adoption strategies
• Knowledge of micro-frontends and scalable UI architectures
• Experience integrating Design Systems across web and mobile platforms
• Familiarity with testing frameworks such as Jest, Cypress, or Playwright
• Experience working in large enterprise or product-based environments

Key Skills

• Design Systems
• React.js
• TypeScript
• JavaScript
• Storybook
• Figma
• Design Tokens
• Component Libraries
• Accessibility (WCAG)
• HTML5 / CSS3
• UI Architecture
• Front-End Development
• Agile & Scrum
• CI/CD
• Git

Nice to Have

• Experience with Angular or Vue.js
• Knowledge of Tailwind CSS or Material UI
• Experience with enterprise digital transformation initiatives
• Contributions to open-source Design Systems or component libraries

Success Measures

• Increased Design System adoption across teams
• Improved UI consistency and development efficiency
• Reduced design and development duplication
• Enhanced accessibility compliance and user experience
• Faster delivery of digital products through reusable components