Principal Software Engineer, Frontend - Design Systems

Posted 2 Days Ago
Hiring Remotely in USA
Remote
266K-426K Annually
Expert/Leader
Software
The Role
Lead frontend technical direction for the Trellis design system: design and build a production component library, define accessibility and theming models, create tooling and migration pipelines (codemods, refactoring automation), leverage AI coding agents, mentor senior engineers, and partner with PM/UX to drive frontend architecture and adoption across product teams.
Summary Generated by Built In

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.

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

Benefits are also an important piece of your total compensation package. Explore the benefits and perks 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 confidence gap and impostor syndrome 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 using this form.

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 here.

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

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 where people can do their best work. 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 Careers
  • Life at HubSpot on Instagram

HubSpot may use AI to help screen or assess candidates, but all hiring decisions are always human. More information can be found here. 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 Recruiting Privacy Notice for details on data processing and your rights.

Skills Required

  • 14+ years of software engineering experience
  • Track record of Principal-scope impact on critical business and customer needs
  • Deep expertise in React, TypeScript, and modern JavaScript frameworks, architecture, and infrastructure
  • Experience with modern component libraries and tooling (Base UI, StyleX)
  • Experience with theme deployment infrastructure (Cloudflare Workers)
  • Experience developing and shipping a production design system used at scale
  • Hands-on builder mindset: writing, debugging, reviewing, and shipping production frontend code
  • Fluency with AI coding agents and experience integrating them into frontend workflows
  • Experience mentoring Staff and Senior engineers and providing technical leadership
  • Willingness to attend regional HubSpot office for in-person onboarding and occasional in-person events

HubSpot Compensation & Benefits Highlights

The following summarizes recurring compensation and benefits themes identified from responses generated by popular LLMs to common candidate questions about HubSpot and has not been reviewed or approved by HubSpot.

  • Equity Value & Accessibility Equity grants like RSUs and access to an employee stock purchase plan are seen as meaningful parts of total compensation. Feedback suggests these, alongside competitive base pay, help many feel their contributions are rewarded.
  • Leave & Time Off Breadth Flexible time off, generous parental leave, and a paid sabbatical after tenure provide substantial opportunities to rest and recharge. Feedback suggests this breadth supports a strong work-life fit.
  • Wellbeing & Lifestyle Benefits Comprehensive wellness resources—mental health support, fitness reimbursements, and everyday conveniences like meals or stipends—enhance the overall package. Feedback suggests these perks add tangible value beyond salary.

HubSpot Insights

Am I A Good Fit?
beta
Get Personalized Job Insights.
Our AI-powered fit analysis compares your resume with a job listing so you know if your skills & experience align.

The Company
HQ: Cambridge, MA
6,766 Employees
Year Founded: 2006

What We Do

HubSpot is a leading CRM platform that provides software and support to help businesses grow better. Our platform includes marketing, sales, service, and website management products that start free and scale to meet our customers’ needs at any stage of growth. Today, thousands of customers around the world use our powerful and easy-to-use tools and integrations to attract, engage, and delight customers. HubSpot was named Glassdoor’s #4 Best Place to Work in 2021, and our award-winning culture has been recognized by Great Place to Work, Comparably, Fortune, Entrepreneur, Inc., and more. We build connections, careers, and employee growth by creating a workplace that values flexibility, autonomy, and transparency. You can learn more about our commitment to creating an inclusive and diverse workplace in the HubSpot Culture Code. HubSpot is a hybrid company with employees working fully remotely, from an office, or a mix of the two. We are headquartered in Cambridge, MA with offices in Dublin, Ireland; Singapore; Sydney, Australia; Tokyo, Japan; Berlin, Germany; Paris, France; Bogotá, Colombia; Ghent, Belgium; San Francisco, CA; Portsmouth, NH; London, UK; Toronto, Canada.

Similar Jobs

Easy Apply
Remote or Hybrid
3 Locations
4405 Employees
Remote
United States
702 Employees
105K-158K Annually

Datadog Logo Datadog

Solutions Architect

Artificial Intelligence • Cloud • Security • Software • Cybersecurity
Easy Apply
Remote or Hybrid
4 Locations
6500 Employees
143K-190K Annually

Datadog Logo Datadog

Sales Engineer

Artificial Intelligence • Cloud • Security • Software • Cybersecurity
Easy Apply
Remote or Hybrid
Colorado, USA
6500 Employees
118K-157K Annually

Similar Companies Hiring

Hanover Park Thumbnail
Artificial Intelligence • Fintech • Software • Financial Services
New York, New York
42 Employees
Kepler  Thumbnail
Fintech • Software
New York, New York
6 Employees
Onshore Thumbnail
Artificial Intelligence • Fintech • Software • Financial Services
New York, New York
60 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account