Design System: Front-End Developer

In brief

**Overview** This role at Nedbank is for a passionate and driven Design System Engineer (also referred to as Front-End Developer) who will be instrumental in building and evolving the company's enterprise design system. The individual will work in close collaboration with designers, engineers, and various stakeholders to create reusable components across multiple frameworks, ensuring a strong alignment between design intent and implementation. **What you will do** * Design, build, and maintain React, Angular, Vue, and Stencil based web components TypeScript with WCAG 2.2 compliance. * Develop and maintain design token pipelines, themes, and brand variants. * Collaborate closely with designers using Figma Dev Mode, Code Connect, and MCP to translate design intent into accessible, high-quality components and experiences. * Drive consistency and scalability by identifying reusable patterns and evolving them into systemised solutions. * Apply systems thinking to balance user needs, design requirements, technical constraints, and platform scalability. * Maintain component documentation, reference applications, contribution guidelines, and adoption resources. * Build, package, and maintain scalable component libraries using Node.js, TypeScript, Rollup, and Vite. * Develop and optimise CI/CD pipelines in Azure DevOps and manage deployments using Docker and Azure. * Apply Git best practices, semantic versioning, release management, and dependency management. * Implement automated testing, including unit, accessibility, visual regression, and end-to-end testing. * Maintain code quality and security using SonarQube, dependency scanning, and secure coding practices. * Leverage AI-assisted tools to improve development, testing, documentation, and engineering workflows. * Conduct code reviews, mentor team members, and contribute to a culture of engineering excellence. * Collaborate across design, engineering, product, and stakeholder teams to drive alignment and adoption. * Take ownership of solutions from concept through to release and continuous improvement. * Continuously improve tooling, processes, documentation, and developer experience. * Champion accessibility, usability, design quality, and engineering excellence across the design system ecosystem. * Contribute innovative ideas that strengthen design system practices, platform capabilities, and engineering standards. **Requirements (from the original advert)** * **Minimum Experience Level:** * 3-5+ years of relevant front-end engineering experience, including experience building component libraries and reusable UI frameworks. * Demonstrable experience shipping, maintaining, and evolving design systems or UI libraries in production environments. * **Essential Qualifications - NQF Level:** * Advanced Diplomas/National 1st Degrees * Matric / Grade 12 / National Senior Certificate * **Technical/Professional Knowledge and Experience in:** * Modern front-end development using TypeScript and frameworks such as React, Angular, Vue, and Web Components. * Design system architecture, reusable UI patterns, component APIs, and scalable front-end development practices. * Systems thinking and the ability to design solutions that balance consistency, flexibility, maintainability, and user experience. * Accessibility standards and inclusive design principles, including WCAG 2.2. * Design tokens, theming strategies, and multi-brand implementations. * Design-to-code workflows, including Figma Dev Mode, Code Connect, MCP, and component-driven development. * Design principles including interaction design, visual hierarchy, usability, information architecture, and user-centred product development. * Translating design concepts into polished, production-ready experiences while maintaining quality, performance, scalability, and accessibility. * Front-end performance optimisation, including bundle management, code splitting, lazy loading, tree shaking, and Core Web Vitals. * Node.js tooling, modern package management, build systems, and component library distribution. * Monorepo strategies, versioning, dependency management, and release processes using Nx, Turborepo, or similar tooling. * AEM authoring and integration principles. * CI/CD practices, Azure DevOps, containerisation, cloud platforms, and deployment automation. * Automated testing strategies, including unit, integration, accessibility, visual regression, and end-to-end testing. * Secure coding practices, software quality standards, vulnerability management, and OWASP principles. * Strong communication, collaboration, stakeholder engagement, ownership, and Agile delivery practices. * A passion for design systems, digital craftsmanship, continuous improvement, and creating exceptional user and developer experiences. **Who should apply** This role is ideal for a passionate, driven, and innovative Design System Engineer who thrives on contributing new ideas and taking ownership of solutions from concept through continuous improvement. The successful candidate will champion accessibility, usability, design quality, and engineering excellence, demonstrating a strong commitment to continuous improvement, digital craftsmanship, and creating exceptional user and developer experiences. They should be a collaborative individual capable of mentoring team members and fostering a culture of engineering excellence across various teams and stakeholders. **Deadline** Not specified **Reference** Original posting: https://www.myjobmag.co.za/job/design-system-front-end-developer-nedbank Source: myjobmag

Summary drafted with AI assistance from the original advert. The advert itself is the authority — how we use AI.

At a glance

• JavaScript
• TypeScript
• React
• Angular
• Node.js
• Azure
• Docker
• Git
• Figma
• Agile / Scrum

Extracted automatically from the advert; confirm requirements on the original listing.

Job description

Before you apply

• Confirm the requirements and closing date on the original listing (myjobmag). SPANi lists vacancies from other sites and may not reflect last-minute changes.
• Legitimate employers do not charge application, registration or training fees.
• Don't send your ID or bank details before you have confirmed the employer is real.

How to spot a job scam

Before you apply

• Read the full advert and confirm you meet the minimum requirements before applying.
• Tailor your CV headline and most recent experience to the job title and key skills.
• Note the closing date and reference number, and keep a copy of what you submit.
• Apply only through the employer or job board link — never pay to apply.