Design Engineer

Jobgether; Remote; CAD 122,000 - 137,000; Full time

Job summary

A leading design development firm is seeking a Design Engineer based in Canada who will be responsible for turning high-fidelity product designs into functional, interactive prototypes. This position requires strong skills in React, TypeScript, and the use of AI-assisted coding tools. The ideal candidate has experience with modern front-end technologies, exceptional collaboration skills, and attention to detail. The role offers a competitive salary, fully remote work, and generous benefits including 35 days of PTO annually.

Benefits

Competitive salary

Fully remote work

35 days of PTO

Comprehensive medical coverage

Parental leave

Home office stipends

Annual bonus potential

Twice-yearly company retreats

Qualifications

• 3+ years of experience building web interfaces using modern front-end frameworks and component-based architecture.
• Strong proficiency with front-end libraries like Radix and Headless UI.
• Familiarity with animation libraries and accessibility best practices.

Responsibilities

• Transform Figma concepts into interactive, production-quality prototypes.
• Build prototypes using technologies like React, Next.js, and TypeScript.
• Collaborate with the Design Systems and front-end engineering teams.

Skills

React

TypeScript

Next.js

Tailwind CSS

AI-assisted coding tools

Collaboration

Communication skills

Attention to detail

Tools

Git

Vercel

Job description

This position is posted by Jobgether on behalf of a partner company. We are currently looking for a Design Engineer in Canada.

This role focuses on turning high-fidelity product designs into functional, interactive front-end prototypes in a fast-paced, fully remote environment. You will partner closely with product designers to iterate rapidly, translating Figma mockups into working prototypes that accelerate validation, improve stakeholder communication, and streamline handoff to engineering. Leveraging AI-assisted coding tools, your work ensures that designs are implemented with precision, visual polish, and functional quality. You will help set the standard for prototype-driven design, supporting experimentation, innovation, and rapid product development while contributing to reusable front-end components. This role requires strong technical skills, attention to detail, and a design-oriented mindset to deliver high-impact results quickly and effectively.

Accountabilities

• Work 1:1 with product designers to transform Figma concepts into interactive, production-quality prototypes.
• Build prototypes using technologies consistent with the production front-end (React, Next.js, TypeScript, Tailwind), leveraging AI coding tools like Cursor and Claude Code.
• Translate multi-screen flows into functional implementations, iterating quickly through critique loops to ensure alignment with design intent.
• Deploy prototypes to preview environments for asynchronous review, feedback, and stakeholder alignment.
• Collaborate with the Design Systems and front‑end engineering teams to ensure consistency and maintain reusable components.
• Provide input on technical feasibility, complexity, and potential improvements while managing multiple workstreams.
• Maintain high attention to visual fidelity, interaction polish, and UX quality in all prototypes.

Requirements

• 3+ years of experience building web interfaces using modern front‑end frameworks and component‑based architecture.
• Strong proficiency with React, TypeScript, Next.js, Tailwind CSS, and related front‑end libraries (Radix, Headless UI, shadcn/ui).
• Hands‑on experience with AI‑assisted coding tools (Cursor, Claude Code) for rapid prototyping.
• Ability to translate design specifications into functional code while maintaining high visual and interaction standards.
• Experience working in production‑style codebases, Git workflows, and preview deployments (e.g., Vercel).
• Exceptional collaboration and communication skills, with the ability to work asynchronously and in real‑time across remote teams.
• High attention to detail and a design‑oriented mindset, with a focus on UX quality, visual polish, and interaction fidelity.
• Bonus: familiarity with animation libraries (Framer Motion, CSS transitions) and accessibility best practices.
• Proficient in English (CEFR Level C2 / ILR Level 5).

Benefits

• Competitive salary: $90,000 - $100,000 USD per year, with annual review, benefits, and potential equity participation.
• Fully remote work from anywhere in the world.
• Autonomy and trust to manage outcomes with minimal oversight.
• 35 days of PTO annually, plus paid sabbatical after 5 years.
• Comprehensive medical coverage or reimbursement options for you and your family.
• Parental leave for new or expanding families.
• Home office and learning & development stipends to support productivity and professional growth.
• Annual bonus potential for roles without variable income or commission.
• Twice‑yearly fully paid company retreats in global locations.

Why Apply Through Jobgether?

We use an AI‑powered matching process to ensure your application is reviewed quickly, objectively, and fairly against the role's core requirements. Our system identifies the top‑fitting candidates, and this shortlist is then shared directly with the hiring company. The final decision and next steps (interviews, assessments) are managed by their internal team.

We appreciate your interest and wish you the best!

Data Privacy Notice

By submitting your application, you acknowledge that Jobgether will process your personal data to evaluate your candidacy and share relevant information with the hiring employer. This processing is based on legitimate interest and pre‑contractual measures under applicable data protection laws (including GDPR). You may exercise your rights (access, rectification, erasure, objection) at any time.

#LI-CL1