Design System Engineer - React & TypeScript in West London
Design System Engineer - React & TypeScript in West London

Design System Engineer - React & TypeScript in West London

Full-Time 72000 - 108000 £ / year (est.) No home office possible
Go Premium
P

At a Glance

  • Tasks: Transform UX/UI designs into reusable components using React and TypeScript.
  • Company: Join a pioneering product company revolutionising payment technologies for small businesses.
  • Benefits: Enjoy a hybrid work model, competitive salary, and a collaborative office environment.
  • Why this job: Be part of a team that values curiosity, relentless improvement, and customer obsession.
  • Qualifications: Expertise in React, TypeScript, and web accessibility standards required.
  • Other info: Mentorship opportunities and a focus on design consistency across teams.

The predicted salary is between 72000 - 108000 £ per year.

Design Systems/Component Libraries & Accessibility

Permanent | Hybrid (Office-first, 4 days/week) | London HQ

£90k per annum + Benefits

We are proud to be supporting the growth of a pioneering product company transforming how small businesses interact with payment and operational technologies. As part of their mission to build a suite of seamless, user-focused applications, they are looking for a Design System Engineer to help scale their customer-facing app ecosystem.

This role will sit within a growing Customer Apps function - responsible for everything the end-user sees and touches. From payment device management and transactions to restaurant operations and loyalty schemes, this is a central team that shapes the user experience across multiple products.

We are looking for someone who sits at the intersection of design and engineering: a frontend specialist with a passion for component libraries, clean APIs, accessibility, and collaborative problem-solving with designers.

Key Responsibilities
  • Translate UX/UI designs into well-structured, reusable components using modern frontend technologies.
  • Design and build component APIs in React and TypeScript, with an eye for quality and scalability. Testing components would also be best placed with this engineer using React Testing Library.
  • Champion and embed web accessibility best practices (WCAG, ARIA, screen readers, etc.)
  • Create detailed documentation and usage guidance for component libraries and design systems
  • Partner closely with product designers to define and evolve consistent design patterns
  • Participate in code reviews, architectural discussions, and contribute to frontend engineering culture
  • Mentor colleagues in design system principles and advocate for design consistency across teams
What You Will Bring
  • Expert knowledge of React and TypeScript
  • Experience with CSS-in-JS libraries like Vanilla Extract, Emotion, or Styled Components.
  • Proven track record contributing to centralised design systems or component libraries.
  • Deep understanding of modern frontend architecture (state management, hooks, component patterns).
  • Proficiency in crafting responsive and accessible UI components.
  • Strong knowledge of web accessibility standards and experience using screen readers for a solid understanding of their behaviour (JAWS, NVDA OR VoiceOver).
  • Testing experience with tools such as Jest, React Testing Library, Playwright, or Cypress.
  • Familiarity with CI/CD, version control (Git), and semantic versioning.
  • Experience documenting components using Storybook or similar tools and eventually training other developers on the design systems' usage.
  • Excellent communication skills and the ability to collaborate across design and product teams.
Nice to Have
  • Experience with design tokens and tools like Style Dictionary or Supernova
  • Familiarity with Figma or Sketch
  • Exposure to visual regression testing tools (Chromatic, Percy)
  • Experience with Next.js and knowledge of GraphQL APIs
Working Model

This is a hybrid role, with a strong emphasis on in-office collaboration (4 days a week). The company believes the best ideas come from working together in person - with quiet zones for deep focus, collaboration spaces for big ideas, and social hubs for staying connected. This is a non-negotiable so this is ideally a role for those who value in-person collaboration.

The Culture

The team is built on three core values:

  • Curious - a love of learning and problem-solving
  • Relentless - driven to improve and deliver, even through challenges
  • Customer-Obsessed - committed to creating great experiences for every user

If this sounds like your kind of environment and you are ready to make an impact through design-led engineering, we would love to hear from you.

Interested? Apply via PCR Digital today to speak with our team about this opportunity. We are proud to support inclusive, accessible recruitment processes and can make adjustments on request.

Design System Engineer - React & TypeScript in West London employer: PCR Recruitment Limited

Join a pioneering product company in West London that is transforming the way small businesses engage with payment and operational technologies. With a strong emphasis on collaboration, this hybrid role offers a vibrant work culture built on curiosity, relentless improvement, and a customer-obsessed mindset. Employees benefit from opportunities for growth, mentorship in design system principles, and a supportive environment that values in-person teamwork to foster innovation and creativity.
P

Contact Detail:

PCR Recruitment Limited Recruiting Team

StudySmarter Expert Advice 🤫

We think this is how you could land Design System Engineer - React & TypeScript in West London

✨Tip Number 1

Familiarise yourself with the company's product offerings and their design philosophy. Understanding how they approach user experience will help you align your skills and ideas with their vision during discussions.

✨Tip Number 2

Engage with the design community, especially around topics like component libraries and accessibility. This can provide insights into best practices and trends that you can bring up in conversations with the team.

✨Tip Number 3

Prepare to discuss your previous experiences with React and TypeScript in detail. Be ready to share specific examples of projects where you implemented design systems or component libraries, highlighting your problem-solving skills.

✨Tip Number 4

Showcase your passion for collaboration by thinking of ways you can contribute to team dynamics. Consider how you can mentor others or improve processes, as this aligns with the company's values of curiosity and customer obsession.

We think you need these skills to ace Design System Engineer - React & TypeScript in West London

Expert knowledge of React
Proficiency in TypeScript
Experience with CSS-in-JS libraries (e.g., Vanilla Extract, Emotion, Styled Components)
Understanding of modern frontend architecture (state management, hooks, component patterns)
Ability to create responsive and accessible UI components
Strong knowledge of web accessibility standards (WCAG, ARIA)
Experience using screen readers (JAWS, NVDA, VoiceOver)
Testing experience with tools such as Jest, React Testing Library, Playwright, or Cypress
Familiarity with CI/CD processes and version control (Git)
Experience documenting components using Storybook or similar tools
Excellent communication skills
Ability to collaborate across design and product teams
Mentoring skills in design system principles

Some tips for your application 🫡

Tailor Your CV: Make sure your CV highlights your expertise in React and TypeScript, as well as your experience with component libraries and accessibility. Use specific examples from your past work to demonstrate your skills.

Craft a Compelling Cover Letter: In your cover letter, express your passion for design systems and user experience. Mention how your background aligns with the company's mission and values, particularly their focus on collaboration and customer obsession.

Showcase Relevant Projects: If you have a portfolio or GitHub repository, include links to projects that showcase your work with frontend technologies, especially those involving React, TypeScript, and accessibility best practices. This will give the hiring team a clear view of your capabilities.

Prepare for Technical Questions: Be ready to discuss your technical skills in detail during the application process. Brush up on your knowledge of modern frontend architecture, testing tools, and web accessibility standards, as these are crucial for the role.

How to prepare for a job interview at PCR Recruitment Limited

✨Showcase Your Technical Skills

Be prepared to discuss your expertise in React and TypeScript. Bring examples of previous projects where you've built reusable components or contributed to design systems, and be ready to explain your thought process and the challenges you faced.

✨Demonstrate Accessibility Knowledge

Since accessibility is a key focus for this role, brush up on web accessibility standards like WCAG and ARIA. Be ready to discuss how you've implemented these practices in past projects and how you ensure that your components are usable with screen readers.

✨Prepare for Collaborative Problem-Solving

This position requires close collaboration with designers and other engineers. Think of examples where you've successfully worked in a team to solve design or technical challenges, and be ready to share how you approach feedback and code reviews.

✨Emphasise Your Passion for Learning

The company values curiosity and a love for learning. Share instances where you've taken the initiative to learn new technologies or improve your skills, especially in areas related to frontend development and design systems.

Design System Engineer - React & TypeScript in West London
PCR Recruitment Limited
Go Premium

Land your dream job quicker with Premium

You’re marked as a top applicant with our partner companies
Individual CV and cover letter feedback including tailoring to specific job roles
Be among the first applications for new jobs with our AI application
1:1 support and career advice from our career coaches
Go Premium

Money-back if you don't land a job in 6-months

P
  • Design System Engineer - React & TypeScript in West London

    Full-Time
    72000 - 108000 £ / year (est.)

    Application deadline: 2027-06-23

  • P

    PCR Recruitment Limited

Similar positions in other companies
UK’s top job board for Gen Z
discover-jobs-cta
Discover now
>