Senior Front-End Engineer - Design Systems

Summary

Join Xero's XUI team and build and maintain core UI components and guidelines for a global user base. Collaborate with product teams to ensure intuitive and beautiful software, championing accessibility and efficiency. Lead initiatives for delivering large, consistent, and scalable design systems. Build, maintain, and improve the organization's design system, including reusable UI components, patterns, and guidelines. Work closely with design and product engineering teams to integrate design system components into applications seamlessly. Contribute to project estimation, scoping, planning, and the team's strategy and roadmap. Maintain accessibility standards, document usage guides, and contribute to pipelines and testing.

Requirements

• Deep front-end expertise: HTML, CSS (and preprocessors/CSS-in-JS), JavaScript (modern frameworks like React, Vue, or Angular)
• Strong component-based architecture knowledge: Designing, developing, and maintaining reusable UI components
• Proficiency in testing: Unit, integration, and end-to-end testing methodologies and tools. e.g. Jest, React Testing Library, Playwright, Loki
• Commitment to accessibility (WCAG): Building inclusive and accessible components
• Excellent collaboration and communication skills: Working effectively with designers, product managers, and other engineers
• Experience with version control (Git) and documentation
• Proven experience (5+ years) in front-end development, ideally with some exposure to design systems
• Problem-solving skills and attention to detail

Responsibilities

• Build Reliable and Performant Solutions: Lead initiatives for the delivery of large, consistent and scalable Design System. Build, maintain, and improve the organisation’s design system, including reusable UI components, patterns, and guidelines
• Collaboration: Partner with Design and Accessibility in building high-quality, reusable components and experiences. Work closely with Product engineers to integrate design system components into applications seamlessly
• Hands-On Development: Building and composing ui components that are accessible, reliable and performant
• Estimating, Scoping, and Planning: Contribute to the estimation, scoping, and planning of projects, input into defining the team's strategy and roadmap. Work closely with design management, leadership, and engineering teams to deliver impactful workstreams
• Standards, Tooling and Documentation: Keep a keen eye for accessibility standards. Document usage guides, examples etc for easier consumption by teams. Contribute to pipelines, testing and having a high quality mindset
• Cross-Functional Collaboration: Build strong relationships with cross-functional teams, including product management and leadership, to drive the success of engineering initiatives
• Operational: Ensure operational excellence across the product lifecycle, being part of the internal Support for the components

Preferred Qualifications

• Mentorship and technical leadership potential
• Experience in modern software development methodologies like Kanban or Agile

Benefits

• Very generous paid leave to use however you’d like (plus statutory holidays!)
• Dedicated paid leave to care for your physical and mental wellbeing
• An Employee Assistance Program to access mental health care for you and your family
• Free medical insurance
• Wellbeing and sports programmes
• Employee resource groups
• 26 weeks of paid parental leave for primary caregivers
• An Employee Share Plan
• Beautiful offices
• Flexible working
• Career development