HubSpot

Principal Software Engineer, Frontend - Design Systems

HubSpot 💰 USD 266,200 - USD 425,900
Full Time📍 United States - RemoteFrontend
React (25%)JavaScript (20%)TypeScript (20%)Design Systems (20%)AI Agents (15%)
⏱️ Posted 1d ago✅ Verified 3 hours ago
✨ AI Summary
📌 Before You Apply

Know the key requirements and restrictions.

Eligibility Requirements

  • Staff / Principal Level14+ years of software engineering experience
  • AI ProficiencyFluency with AI coding agents
  • In-person onboardingrequired to attend a regional HubSpot office
😎 Benefits & Perks

See the benefits and perks offered for this role.

📈
Equity / Stock Options
restricted stock units (RSUs)
💵
Bonus
annual bonus targets
🎁
In-person onboarding
required to attend a regional HubSpot office

POS-32945

About the Team

Hubspot is in the middle of an ambitious evolution from our current Canvas design system, to our new design system, Trellis. The Trellis design system is a theme change, a modern component library leveraging open source packages (Base UI and StyleX), and defines new UI/UX patterns for use across all of HubSpot’s customer facing applications. The end goal is to provide a foundation to our hundreds of product engineering teams, assisted by coding agents, to build a world class customer experience. This is a rare moment to shape the HubSpot product experience, used by over 250,000 paying customers and millions of users, from the design systems foundation itself.

About the Role

We're looking for a Principal Software Engineer to lead the frontend technical direction for the Trellis design system and component library. This is a deeply hands-on role for a builder who loves frontend craft, cares about design quality, but understands that the design system has to serve product engineering’s needs. You know that a design system only has value when it is being used by product teams, it accelerates their development, and that the default outcome is a world class customer experience.

Principal Engineers at HubSpot go deep on the organization's hardest problems and see them through. Once Trellis reaches maturity, you'll have the opportunity to take that expertise and influence to the next highest-leverage area across Frontend Engineering.

What You'll Do

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

What We're Looking For

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

Why This Role Matters

HubSpot is evolving as a product to become the Agentic Customer Platform of choice for growing businesses. We’re also modernizing the product, both style and technology, defining new patterns for how AI-native products best serve the customer. The Principal Software Engineer in Design Systems will determine how the next generation of HubSpot's UI is built, how teams adopt the Trellis design system, and how frontend architecture scales to support AI-native product development. This is a chance to leave your fingerprints on the platform more than a million people use to grow their businesses every day.

Pay & Benefits

The cash compensation below includes base salary, on-target commission for employees in eligible roles, and annual bonus targets under HubSpot’s bonus plan for eligible roles. In addition to cash compensation, some roles are eligible to participate in HubSpot’s equity plan to receive restricted stock units (RSUs). Some roles may also be eligible for overtime pay. Individual compensation packages are tailored to your skills, experience, qualifications, and other job-related reasons.

will help guide how we recommend thinking about the range you see. Learn more about HubSpot’s .

Benefits are also an important piece of your total compensation package. Explore the HubSpot offers to help employees grow better.

At HubSpot, fair compensation practices aren’t just about checking off the box for legal compliance. It’s about living out our value of transparency with our employees, candidates, and community.

Annual Cash Compensation Range:

$266,200—$425,900 USD

We know the  and can get in the way of meeting spectacular candidates, so please don’t hesitate to apply — we’d love to hear from you.

If you need accommodations or assistance due to a disability, please reach out to us .

At HubSpot, we value both flexibility and connection. Whether you’re a Remote employee or work from the Office, we want you to start your journey here by building strong connections with your team and peers. If you are joining our Engineering team, you will be required to attend a regional HubSpot office for in-person onboarding. If you join our broader Product team, you’ll also attend other in-person events, such as your Product Group Summit and other gatherings, to continue building on those connections.

If you require an accommodation due to travel limitations or other reasons, please inform your recruiter during the hiring process. We are committed to supporting candidates who may need alternative arrangements

Massachusetts Applicants: It is unlawful in Massachusetts to require or administer a lie detector test as a condition of employment or continued employment. An employer who violates this law shall be subject to criminal penalties and civil liability.

Germany Applicants: (m/f/d) - link to HubSpot's Career Diversity page .

India Applicants: link to HubSpot India's equal opportunity policy .

About HubSpot

HubSpot (NYSE: HUBS) is an AI-powered customer platform with all the software, integrations, and resources customers need to connect marketing, sales, and service. HubSpot's connected platform enables businesses to grow faster by focusing on what matters most: customers. 

At HubSpot, bold is our baseline. Our employees around the globe move fast, stay customer-obsessed, and win together. Our culture is grounded in four commitments: Solve for the Customer, Be Bold, Learn Fast, Align, Adapt & Go!, and Deliver with HEART. These commitments shape how we work, lead, and grow.

We’re building a company. We focus on brilliant work, not badge swipes. By combining clarity, ownership, and trust, we create space for big thinking and meaningful progress. And we know that when our employees grow, our customers do too.

Recognized globally for our award-winning culture by Comparably, Glassdoor, Fortune, and more, HubSpot is headquartered in Cambridge, MA, with employees and offices around the world.

Explore more:

HubSpot may use AI to help screen or assess candidates, but all hiring decisions are always human. More information can be found . By submitting your application, you agree that HubSpot may collect your personal data for recruiting, global organization planning, and related purposes. We may use CLEAR ID Verification during the hiring process to confirm your identity and help maintain a safe, secure, and trusted experience for all candidates. Refer to HubSpot's for details on data processing and your rights.

💼 Similar Jobs You Might Like

Mixpanel
Full Time
Staff Design EngineerMixpanel
USD 236,000 - USD 300,000📍 United States
Frontend
⏱️ Posted 4d ago
✅ Verified 3 hours ago
Reddit, Inc.
Full Time
Senior Frontend Software Engineer, Home ExperienceReddit, Inc.
USD 190,800 - USD 267,100📍 United States
Frontend
⏱️ Posted 1w ago
✅ Verified 3 hours ago
Oneleet
Full Time
Frontend EngineerOneleet
USD 120,000 - USD 180,000📍 Worldwide
Frontend
⏱️ Posted 1mo ago
✅ Verified 3 hours ago
Phantom
Full Time
Staff Frontend Engineer (Platform)Phantom
USD 200,000 - USD 270,000📍 United States
Frontend
⏱️ Posted 1mo ago
✅ Verified 3 hours ago
DualEntry
Contract
Senior/Staff Frontend Engineer (Remote)DualEntry
USD 130,000 - USD 220,000📍 Canada📍 LATAM📍 EMEA
Frontend
⏱️ Posted 5mo ago
✅ Verified 3 hours ago
Close
Full Time
Senior Software Engineer - Frontend/React (USA Only - 100% Remote)Close
USD 140,000 - USD 210,000📍 United States
Frontend
⏱️ Posted 5mo ago
✅ Verified 3 hours ago