Design System: Front-End Developer

148062
Job Post End Date: 19 October 2026

Information Technology

It Application Development

Manage Self:
Technical

The Design System Team delivers enterprise-ready components, design tokens, documentation, tooling, and standards that power digital experiences across Nedbank. Partnering closely with design, product, and engineering teams, we create accessible, consistent, and high-quality experiences while championing design craftsmanship and engineering excellence.

We are looking for a passionate and driven Design System Engineer to help build and evolve Nedbank's enterprise design system. You will work closely with designers, engineers, and stakeholders to create reusable components across multiple frameworks and ensure alignment between design intent and implementation.

As a Design System Engineer, you will:

• Design, build, and maintain React, Angular, Vue, and Stencil based web components (Type Script) 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, Type Script, Rollup, and Vite.
• Develop and optimise CI/CD pipelines in Azure Dev Ops 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 Sonar Qube, 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.

• 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.

• Advanced Diplomas/National 1st Degrees
• Matric / Grade 12 / National Senior Certificate

Our ideal Design System Engineer will have knowledge and experience in:

• Modern front-end development using Type Script 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,…