Skip to content

Design Systems Engineer

At Northwestern Mutual, we are strong, innovative and growing. We invest in our people. We care and make a positive difference.

The Luna Engineering Team builds the design system (Luna) at the heart of the Product practice at NM. We build the design system tools used to deliver consistent, accessible, and cohesive experiences in our advisor platform, client portal, and home office experiences.  

On this team, you can expect to work on high-value, high-visibility projects that empower the rest of our engineering teams to ship more efficiently, with more consistent, accessible, and responsive products. 

 

Responsibilities 

On any given day, you can expect to… 

  • Contribute to the constellation of libraries, tools, and artifacts that comprise the Luna system 

  • Collaborate with visual designers to create, document, and express composable UI elements in a number of environments (Figma, HTML/CSS, React, mobile native) leveraging system foundations and patterns  

  • Maintain and create CI/CD pipelines and build scripting we use to publish and deploy our tooling 

  • Write visual-regression, unit, and integration tests to ensure system stability 

  • Document and evangelize best practices for markup semantics, accessibility, responsiveness, React architecture, and general Luna component usage 

  • Provide support to Luna-consuming engineering teams 

  • Partner with external teams to create shared tools and library integrations 

  • Create and perform code reviews & API proposals for your peers 

Skills 

  • Excellent written/spoken communication skills 

  • An open, proactively collaborative attitude 

  • A systematic approach to problem-solving 

  • Mastery over semantic, responsive, cross-browser, accessible HTML/CSS & WAI ARIA 

  • Ability to devise straightforward API choices given complex and parallel use-cases 

  • Understanding of advanced React concepts like context, controlled/uncontrolled behavior, hooks, and state management 

  • Control over JavaScript concepts, especially manipulating and operating on data structures 

  • Comfortable working in the Browser ecosystem, including concepts like the DOM and CSS’s cascade 

  • Proficient with Git and the Command Line 

  • Track record collaborating directly with designers and non-tech partners 

  • Have worked with visual design concepts like typography, color, spacing, shape & form  

 

Big ++’s 

  • Experience with contributing to OSS 

  • Experience writing NPM tooling 

  • Have experimented with SVG 

  • Familiar with Markdown, Semantic Versioning, Conventional Commits, etc 

  • Experience maintaining CI:CD pipelines 

  • Experience using design tokens 

  • Proficiency with Sass or Styled Components 

  • Deeply proficient in at least one: React, Web Components, Vue, Angular 

 

Things we value 

  • Curious minds and an appetite for learning 

  • Passion for the craft 

  • Proud of your work, but not precious  

  • Strong opinions, loosely held 

  • A collaborative mindset, thick skin, and a great sense of humor 

  • A personality that thrives in an agile/nimble environment 

  • Willingness to take risks and fail (and fail again. And again) 

This job is not covered by the existing Collective Bargaining Agreement.

Required Certifications:

Grow your career with a best-in-class company that puts our client’s interests at the center of all we do. Get started now! 

We are an equal opportunity/affirmative action employer and all qualified applicants will receive consideration for employment without regard to race, color, religion, gender identity or expression, sexual orientation, national origin, disability, age or status as a protected veteran, or any other characteristic protected by law.


FIND YOUR FUTURE

We’re excited about the potential people bring to Northwestern Mutual. You can grow your career here while enjoying first-class perks, benefits, and commitment to diversity and inclusion.