Senior Design System Engineer

Datamatics Technologies LLC; Saudi Arabia; On-site; SAR 240,000 - 360,000; Full time

Job summary

Datamatics Technologies LLC is seeking a Senior Design System Engineer to lead the development, governance, and adoption of an enterprise Design System. The role bridges design and engineering to ensure consistency, accessibility, and reusability across products.

You will collaborate with designers, UX researchers, PMs, and engineers; translate design tokens into production-ready components, enforce standards, and mentor junior engineers while driving scalable frontend architecture.

Qualifications

• Bachelor's degree in CS, Software Engineering, HCI, or related field.
• 5–10 years in Front-End Engineering, UI or Design System development.
• Strong expertise in JavaScript, TypeScript, HTML5, CSS3 and modern frameworks.

Responsibilities

• Design, build, and evolve a scalable Design System and library.
• Collaborate with Designers, UX researchers, PMs, and Engineering teams.
• Develop accessible, responsive, and reusable UI components.
• Define design system standards, guidelines, and best practices.
• Establish governance to ensure design consistency across products.
• Translate design tokens, patterns, and specs into production-ready code.
• Drive adoption of the Design System across teams and units.
• Ensure WCAG compliance and responsive design principles.
• Monitor system performance, scalability, and usability improvements.
• Mentor junior engineers and provide technical leadership on frontend choices.

Skills

Design Systems

React.js

TypeScript

JavaScript

Storybook

Figma

Design Tokens

Component Libraries

Accessibility (WCAG)

HTML5 / CSS3

UI Architecture

Front-End Development

Agile & Scrum

Education

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

Tools

React.js

Storybook

Figma

Git

CI/CD

Jest/Cypress/Playwright

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.