Senior Design System Engineer

Finance Professionals Inc.; Toronto; On-site; CAD 80,000 - 110,000; Full time

Job summary

A leading financial institution in Downtown Toronto is looking for a Senior Design System Engineer to lead the development of a custom UI library. This role requires expertise in design systems and modern web frameworks, with a strong emphasis on accessibility and collaboration with design teams. The ideal candidate should have 5+ years of experience and a proven ability to mentor team members. This position offers the chance to work on a significant platform within one of the Top 5 Banks in Canada.

Qualifications

• 5+ years of professional experience with modern web frameworks (Angular, React, Vue).
• Strong understanding of Object-Oriented programming principles and best practices.
• Proven ability to collaborate and mentor within cross-functional teams.

Responsibilities

• Lead the development of a custom UI library for internal applications.
• Collaborate with designers and engineers to create reusable and accessible UI components.
• Provide technical leadership in a dynamic, fast-paced team environment.

Skills

Design systems expertise

Building reusable UI libraries

Proficiency in Figma

5+ years with modern web frameworks

Accessibility standards knowledge

Object-Oriented programming principles

Collaboration with cross-functional teams

Mentoring and coaching developers

Agile/Scrum familiarity

Testing libraries experience

Job description

Our client a leading financial institution inDowntown Toronto,is looking for a Senior Design System Engineer to join our team and lead the development of a custom UI library.The successful candidate will have the opportunity to work with one of the Top 5 Banks in Canada.

Overview

Typical Day in role:

We are seeking a highly skilled and experienced Senior Design System Engineer to join our team and lead the development of a custom UI library. This role is ideal for someone with extensive expertise in building design systems, experience with modern frontend frameworks and a passion for creating scalable, accessible, and meable component libraries. You will work closely with designers and engineers to build a cohesive, reusable UI library that will be used across many internal applications and marketing websites. This is an exciting opportunity to leverage your UI development experience and design systems expertise to make a significant impact on a rapidly evolving enterprise platform.

Design System Development and Maintenance

• Collaborate with designers and engineers to design, develop, and maintain a custom UI library that is reusable, scalable, and themeable.
• Implement and optimize design systems, ensuring seamless integration with tools such as Figma and other design assets.

Accessibility and Compliance

• Develop accessible UI components and CSS libraries that comply with WCAG 2.1 AA standards, ensuring inclusivity and usability.

Code Quality and Optimization

• Apply Object-Oriented programming principles and design patterns to create clean, maintainable, and scalable code.
• Refactor and optimize existing codebases to enhance performance and maintainability.
• Develop code that prioritizes maintainability and testability.

Collaboration and Mentorship

• Work collaboratively with designers to translate design specifications into functional, reusable components.
• Mentor and guide team members, fostering knowledge sharing and collaboration.
• Participate in pair-programming sessions to improve code quality and share expertise.

Technical Leadership

• Provide technical leadership and direction to ensure high-quality code delivery in a dynamic environment.
• Stay up to date with emerging technologies, frameworks, and best practices, advocating for their adoption where appropriate.

Must-Have Skills:

• Strong expertise in design systems and their implementation in enterprise-grade applications.
• Proven experience in building custom, reusable UI libraries and components.
• Proficiency in Figma and translating design assets into functional components.
• 5+ years of professional experience with modern web frameworks (Angular, React, Vue).
• Expertise in building accessible user interfaces that meet WCAG 2.1 AA standards.
• Strong understanding of Object-Oriented programming principles, design patterns, and best practices for maintainable code.
• Proven ability to collaborate with cross-functional teams, including designers and engineers, to achieve shared goals.
• Experience mentoring and coaching developers to foster growth and collaboration.
• Ability to thrive in a fast-paced environment with rapidly changing requirements.
• Experience with using and writing tests with testing libraries/frameworks such as Jest, Mocha, and/or Jasmine.

Nice-To-Have Skills:

• Experience working in an Agile/Scrum environment.
• Familiarity with enterprise-scale applications and their unique challenges.
• 5+ years of professional experience with Angular (14+).
• Experience addressing challenges associated with mobile devices, such as responsive design, performance optimization, and cross-platform compatibility.
• Strong problem-solving skills and a proactive approach to resolving technical issues.
• Experience consuming and implementing Storybook UI and integrating it with Figma, accessibility and/or other plugins.

Soft Skills Required:

• Proven ability to collaborate with cross-functional teams, including designers and engineers, to achieve shared goals.
• Experience mentoring and coaching developers to foster growth and collaboration.
• Ability to thrive in a fast-paced environment with rapidly changing requirements.

Education:

Finance professional is committed to creating an inclusive environment where all team members and clients feel like they belong. We seek applicants with a wide range of abilities and we provide an accessible candidate experience. We advocate for you and welcome anyone regardless of race, color, religion, national origin, sex, physical or mental disability, or age.