Principal Software Engineer, Frontend - Design Systems
About The Position
HubSpot is undergoing a significant evolution, transitioning from its current Canvas design system to a new system called Trellis. Trellis is a modern component library that utilizes open-source packages (Base UI and StyleX) and establishes new UI/UX patterns for all of HubSpot's customer-facing applications. The primary objective is to provide a robust foundation for hundreds of product engineering teams, supported by coding agents, to create a world-class customer experience. This role offers a unique opportunity to influence the HubSpot product experience, which is used by over 250,000 paying customers and millions of users, right from the foundational design system. This is a deeply hands-on role for a builder who is passionate about frontend development, values design quality, and understands the critical need for a design system to serve product engineering requirements. The value of a design system is realized when product teams adopt it, accelerating their development and ensuring a consistently high-quality customer experience.
Requirements
- 14+ years of software engineering experience, with a track record of Principal-scope impact on your organization’s most critical business and customer needs
- Deep expertise in React, TypeScript, and modern JavaScript frameworks, architecture, and infrastructure.
- Experience with modern component libraries and tooling, we’re using BaseUI, and StyleX, and our theme deployment infrastructure leverages Cloudflare Workers
- Experience developing and shipping a production design system that is used at scale
- A hands-on builder mindset. You lead by writing, debugging, reviewing, shipping, and thrive on feedback
- Fluency with AI coding agents, and a perspective on how they change frontend development at scale, and a belief that they will
Responsibilities
- Drive the evolution of the Trellis design system during HubSpot's 2026 UI modernization, shaping the entire product experience
- Work closely with Trellis team and Product teams to build and expose a world class component library where the default experience sets a high visual bar, beautiful, fast, consistent, and intentional
- Define the accessibility capability model for Trellis: the controls, toggles, and patterns that let customers and users meet their needs, rather than designing to the lowest common denominator by default
- Define and develop internal tooling to support the evolution of Trellis at scale, giving the team the ability to test and iterate on theme and style changes
- Define and develop the migration tooling that moves HubSpot's Canvas applications to Trellis at scale, codemods, automated refactoring pipelines, and coding agent workflows that make the right path the easy path for product engineers
- Make practical decisions about the component library API interface and abstractions exposed to engineers and designers
- Leverage coding agents to ship production code regularly and lead complex initiatives from idea to rollout
- Mentor Staff and Senior engineers, and drive organizational thought leadership on frontend craft. Setting the bar for how HubSpot builds UI, not just on the Trellis team but across the engineering organization
- Partner with engineering leads, PMs, and UX to align frontend direction with HubSpot's product roadmap
Benefits
- Health insurance
- Dental insurance
- Vision insurance
- Life insurance
- Disability insurance
- 401k
- Employee stock purchase plan
- Professional development
- Learning and development program
- Tuition reimbursement
- Flexible scheduling
- Paid holidays
- Paid volunteer time
- Employee discount programs
- Home office stipend
Stand Out From the Crowd
Upload your resume and get instant feedback on how well it matches this job.
What This Job Offers
Job Type
Full-time
Career Level
Principal
Education Level
No Education Listed
