As a Front-End Engineer in Design Systems at Xero, you will create and maintain a scalable design system, ensuring high-quality, accessible UI components while collaborating closely with cross-functional teams.
Our Purpose
At Xero, we’re here to help supercharge small businesses. We do this by automating routine tasks, surfacing actionable insights and connecting businesses with the right data, advisors and apps. When that happens, we’re not only making life better for small business, we’ll be building a stronger economy that can change the world.
About the team
At Xero, the XUI team builds and maintains the core UI components and guidelines that power a consistent user experience for millions globally. We collaborate with product teams to ensure intuitive and beautiful software, championing accessibility and efficiency. Join us to shape the future of Xero's user interface.
What you'll do:
- Build Reliable and Performant Solutions: Contribute to initiatives for the delivery of a 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 teams in building high-quality, reusable components and experiences. Work closely with Product Engineers to seamlessly integrate Design System components into applications.
- Hands-On Development: Build and compose UI components that are accessible, reliable, and performant.
- Estimating, Scoping, and Planning: Contribute to the estimation, scoping, and planning of projects, and provide 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: Maintain a keen eye for accessibility standards. Document usage guides, examples, etc., for easier consumption by teams. Contribute to pipelines, testing, and foster 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, including participating in the internal support for the components.
What you'll bring with you:
- Deep Front-End Expertise: Proficiency in HTML, CSS (including preprocessors or CSS-in-JS), and JavaScript (with modern frameworks like React, Vue, or Angular). Ideally, you'll have some exposure to design systems.
- Strong Component-Based Architecture Knowledge: Proven ability to design, develop, and maintain reusable UI components.
- Commitment to Quality and Testing: Proficiency in unit, integration, and end-to-end testing methodologies and tools (e.g., Jest, React Testing Library, Playwright, Loki). A strong commitment to accessibility (WCAG) standards when building inclusive components.
- Collaboration and Communication: Excellent skills for working effectively with designers, product managers, and other engineers.
- Software Development Practices: Experience with version control (Git), modern software development methodologies like Kanban or Agile, and excellent problem-solving skills with strong attention to detail.
- Growth Potential: Demonstrable potential for mentorship and technical leadership.
Why Xero?
Offering very generous paid leave to use however you’d like (plus statutory holidays!), dedicated paid leave to care for your physical and mental wellbeing as well as an Employee Assistance Program to access mental health care for you and your family. Health insurance, life insurance, and income protection.
We offer 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, and many other benefits that reflect our human value.
You’ll do the best work of your life at Xero!
Top Skills
Angular
CSS
Git
HTML
JavaScript
Jest
Loki
Playwright
React
React Testing Library
Vue
Xero Hawthorn West, Victoria, AUS Office
Xero Melbourne (HQ) Office
Xero’s head office in Australia is in the buzzing suburb of Hawthorn, a stone’s throw from the CBD. Here, a diverse mix of Xeros work in both global and regional teams.
Similar Jobs at Xero
Cloud • Fintech • Information Technology • Machine Learning • Software
Lead the development and execution of customer advisory boards' strategies, enhancing community engagement, managing relationships, and influencing product decisions.
Top Skills:
Slack
Cloud • Fintech • Information Technology • Machine Learning • Software
The Principal Engineer will enhance software delivery through technical leadership, drive engineering excellence, shape technical strategy, and mentor teams while fostering an inclusive environment.
Top Skills:
Cloud-Native Platforms
Cloud • Fintech • Information Technology • Machine Learning • Software
As a Principal Engineer at Xero, you will lead initiatives to enhance software delivery, guide engineering standards, and ensure reliability of database platforms while mentoring engineers.
Top Skills:
Cloud-Native PlatformsDevOpsPostgres
What you need to know about the Melbourne Tech Scene
Home to 650 biotech companies, 10 major research institutes and nine universities, Melbourne is among one of the top cities for biotech. In fact, some of the greatest medical advancements were conceptualized and developed here, including Symex Lab's "lab-on-a-chip" solution that monitors hormones to predict ovulation for conception, and Denteric's vaccine for periodontal gum disease. Yet, the thousands of people working in the city's healthtech sector are just getting started, to say nothing of the tech advancements across all other sectors.
