Toronto, Canada Hybrid Full-time CAD 130,500 – 159,500 / year

Relay is hiring a Senior Design Engineer

Responsibilities

  • Set a high bar of quality across the product by owning the front-end. Identify and systematically reduce UI and UX debt, improve implementation patterns, and raise the overall level of craft across the application.
  • Embed within product teams to lead UI implementation for new features from concept through launch. Partner closely with product managers, designers, and engineers to ensure shipped experiences meet a high standard for quality, usability, and polish.
  • Own and evolve Telegraph, our design system. Define and maintain component APIs, composition patterns, interaction standards, and documentation that enable teams to build consistent, scalable interfaces efficiently.
  • Champion accessibility and performance as core product requirements. Ship experiences that are fast, resilient, and accessible by default through semantic implementation, keyboard support, focus management, testing, and ongoing performance optimization.
  • Partner closely with designers throughout the product development process. Work collaboratively in code and design tooling to iterate on concepts, refine interactions, and reduce the gap between design and implementation. Help evolve a workflow that replaces traditional handoffs with continuous collaboration.
  • Create leverage for the broader organization by translating intent into scalable implementation: reusable components, guidelines, sandboxes/playgrounds, and “how to use it” documentation that reduces drift.
  • Build the infrastructure and workflows that support AI-accelerated product development. Some areas we’re currently exploring include: automating QA and code review processes, connecting design and engineering tools, and setting up prototyping templates.

Requirements

  • You're well-versed in React, JavaScript (TypeScript), HTML, and modern CSS
  • You work in a real engineering environment. You’re comfortable using Git, writing PRs, reviewing code, and contributing directly to a shared codebase
  • You can identify what's wrong (or right) with a design or component, articulate the specific reason why, and know how it could be improved
  • You have strong opinions about craft, you hold yourself to a high bar, and your portfolio or GitHub shows it. You sweat the details and truly care about the last 10% that makes great software
  • You prioritize speed, reusability, accessibility, cross-browser support, functional motion as you build, not as an afterthought
  • You have genuine curiosity about AI tooling and a grounded enough understanding of how these tools work to build with them

Nice to Have

  • You have experience with motion or animation work (motion/react, GSAP, or vanilla CSS animations)
  • You've owned or made meaningful contributions to a React component design system (components in code, not just Figma libraries)

Work Arrangement

Hybrid — Toronto

Additional Information

  • All offers of employment at Relay are conditional upon a successful background check and employment verification through Certn.
About company
Relay
Relay is a digital banking platform that gives self-made business owners the tools and know-how to be great with money—bringing clarity, confidence, and control to every dollar earned, so they can turn hard work into lasting success. We do this by replacing financial guesswork with real visibility, transforming cash flow from a constant source of stress into a clear signal owners can use to run stronger, more resilient businesses.
All jobs at Relay Visit website
Job Details
Department Product Design
Category other
Posted 2 months ago