Senior Software Engineer, Design Systems

Javelin Venture Partners

British Columbia

On-site

CAD 180,000 - 233,000

Full time

6 hours ago
Be an early applicant
Application generator

Turn this role into an interview — a resume and cover letter built around what this employer wants.

Get past ATS filters

Job summary

Thumbtack in Canada is seeking a frontend engineer to build AI-assisted pipelines moving design work from Figma to Thumbprint's React components, spanning prototyping to production code.

You will partner with product design, iterate patterns and components, and evolve Thumbprint so it composes with agentic tooling across the web stack. Collaborate with Developer Experience and Frontend Infrastructure to scale AI tooling, gather feedback, and deliver high-impact improvements.

Qualifications

  • 6+ years of industry experience in software engineering.
  • Deep hands-on fluency with the modern web stack: TypeScript, React, and the build, test, and deploy tools that surround them.
  • Hands-on experience with AI-assisted development tools like Cursor, Claude Code, or Codex, and considered opinions about their limits, where they help, and how to scale them beyond personal use.
  • Design system experience is welcome but not required; front-end engineering and AI tooling fluency are the load-bearing skills.
  • A track record of building tools and infrastructure that other engineers or non-engineers actually adopted, with judgment about onboarding, documentation, and the feedback loops that make adoption stick.
  • Strong cross-functional collaboration instincts, comfortable working closely with designers, PMs, and partner engineering teams as your primary users.

Responsibilities

  • Design and implement AI-assisted workflows — using tools like Claude Code and Figma MCP — that move work between Figma, prototypes, and our production frontend codebase.
  • Work as the engineering counterpart to Product Design — pairing on patterns, components, and workflows that make their work compose into shipped product.
  • Evolve Thumbprint, our design system, so it composes cleanly with agentic tooling: machine-readable documentation, MCP-friendly component metadata, and tight integration with the prototyping platform.
  • Partner with Developer Experience on the AI agent and tooling foundation, and with Frontend Infrastructure on our web stack, so this work builds on top of theirs rather than duplicating it.
  • Engage the engineers and designers who use what you build: run office hours, prioritize their feedback, and ship the highest-impact improvements to how product teams move from idea to production.
  • Prototype and evaluate emerging AI development tooling, and bring informed recommendations on what to adopt and scale at Thumbtack.

Skills

Frontend engineering
TypeScript
React
AI tooling fluency
Cross-functional collaboration
Systems thinking

Tools

Cursor
Claude Code
Codex

Job description

Thumbtack

Software Engineering, Design

  • Full-time
  • Ontario, Canada
  • British Columbia, Canada

CAD 180,200-233,200 / year

Thumbtack helps millions of people confidently care for their homes.

Thumbtack is the one app you need to take care of and improve your home — from personalized guidance to AI tools and a best-in-class hiring experience. Every day in every county of the U.S., people turn to Thumbtack to complete urgent repairs, seasonal maintenance and bigger improvements. We help homeowners know which projects to do, when to do them and who to hire from our growing community of 300,000 local service businesses. If making an impact inspires you, join us. Imagine what we’ll build together.

About The Design Systems Team

The Design Systems team owns Thumbprint, Thumbtack's design system used across web, iOS, and Android, plus the engineering tooling that connects design intent to shipped product code. We're small and senior — a design manager and two product designers in the design org, plus two engineers in Productivity Engineering. This role covers web and AI-assisted workflows; the partner engineer covers cross-platform components and design tokens. We partner with Developer Experience on AI tooling and Frontend Infrastructure on our web stack. You can read more about our engineering culture on the Thumbtack Engineering Blog.

The challenge

You’ll build the AI-assisted pipeline that moves product work from design to shipped code at Thumbtack: a bidirectional bridge between Figma and Thumbprint's React components, agentic workflows that span low-fidelity exploration through production code, and a prototyping platform where designers, PMs, and engineers iterate together. The pipeline is greenfield, and the design-to-code system you build is the team's invention to make. Developer Experience owns the agent and tooling foundation; Frontend Infrastructure owns the web stack — you’ll work with both as you make the design-to-code workflow first-class in each.

What You’ll Do
  • Design and implement AI-assisted workflows — using tools like Claude Code and Figma MCP — that move work between Figma, prototypes, and our production frontend codebase.
  • Work as the engineering counterpart to Product Design — pairing on patterns, components, and workflows that make their work compose into shipped product.
  • Evolve Thumbprint, our design system, so it composes cleanly with agentic tooling: machine-readable documentation, MCP-friendly component metadata, and tight integration with the prototyping platform.
  • Partner with Developer Experience on the AI agent and tooling foundation, and with Frontend Infrastructure on our web stack, so this work builds on top of theirs rather than duplicating it.
  • Engage the engineers and designers who use what you build: run office hours, prioritize their feedback, and ship the highest-impact improvements to how product teams move from idea to production.
  • Prototype and evaluate emerging AI development tooling, and bring informed recommendations on what to adopt and scale at Thumbtack.
In order to be successful, you must bring
  • Demonstrated experience as a frontend engineer building production product surfaces, with the systems-thinking instincts to reason about tooling, workflows, and platforms as well as features.
  • Deep hands-on fluency with the modern web stack: TypeScript, React, and the build, test, and deploy tools that surround them.
  • Hands-on experience with AI-assisted development tools like Cursor, Claude Code, or Codex, and considered opinions about their limits, where they help, and how to scale them beyond personal use.
  • Design system experience is welcome but not required; front-end engineering and AI tooling fluency are the load-bearing skills.
  • A track record of building tools and infrastructure that other engineers or non-engineers actually adopted, with judgment about onboarding, documentation, and the feedback loops that make adoption stick.
  • Strong cross-functional collaboration instincts, comfortable working closely with designers, PMs, and partner engineering teams as your primary users.
  • 6+ years of industry experience in software engineering.
Expected salary ranges
  • For candidates living in Ontario and British Columbia, the expected salary range for the role is currently $180,200.00 - $233,200.00.

Actual offered salaries will vary and will be based on various factors, such as calibrated job level, qualifications, skills, competencies, and proficiency for the role.

Thumbtack embraces diversity. We are proud to be an equal opportunity workplace and do not discriminate on the basis of sex, race, color, age, pregnancy, sexual orientation, gender identity or expression, religion, national origin, ancestry, citizenship, marital status, military or veteran status, genetic information, disability status, or any other characteristic protected by federal, provincial, state, or local law. We also will consider for employment qualified applicants with arrest and conviction records, consistent with applicable law.

Thumbtack is committed to working with and providing reasonable accommodation to individuals with disabilities. If you would like to request a reasonable accommodation for a medical condition or disability during any part of the application process, please contact: recruitingops@thumbtack.com.

For information about how Thumbtack collects, uses, and shares personal information about job applicants, please see our Job Applicant Privacy Policy.

Get your free, confidential resume review.

or drag and drop your file here.

Similar jobs

Similar jobs worth comparing

Senior Software Engineer, Design Systems
Senior Software Engineer, Design Systems

Thumbtack • Victoria

On-site
CAD 180,000 - 233,000
Senior Software Engineer, Developer Experience
Senior Software Engineer, Developer Experience

Thumbtack • Toronto

On-site
CAD 180,000 - 234,000
Senior Software Engineer, Developer Experience
Senior Software Engineer, Developer Experience

Thumbtack • Victoria

On-site
CAD 180,000 - 234,000
Senior Native Engineer, Partnerships
Senior Native Engineer, Partnerships

Javelin Venture Partners • British Columbia

On-site
CAD 180,000 - 233,000
Full-Stack Engineer, AI Platform
Full-Stack Engineer, AI Platform

Thumbtack • Victoria

On-site
CAD 155,000 - 200,000
Product Designer, Partnerships and Brand Experience
Product Designer, Partnerships and Brand Experience

Thumbtack • Victoria

On-site
CAD 132,000 - 171,000
Product Designer, Partnerships and Brand Experience
Product Designer, Partnerships and Brand Experience

Thumbtack • Toronto

On-site
CAD 132,000 - 171,000
Manager, Data Engineering
Manager, Data Engineering

Thumbtack • Victoria

On-site
CAD 263,000 - 340,000
Senior Native Engineer, Partnerships
Senior Native Engineer, Partnerships

Thumbtack • Victoria

On-site
CAD 180,000 - 233,000
Product Manager, Growth
Product Manager, Growth

Thumbtack • Victoria

On-site
CAD 164,000 - 212,000