Principal Engineer, Design Systems

Reposted 15 Hours Ago
Be an Early Applicant
United States of America
144K-299K Annually
Senior level
AdTech • Digital Media • Information Technology • Other
The Role
The Principal Engineer will develop and maintain reusable UI components using React and TypeScript, translating Figma designs into production-quality interfaces while ensuring accessibility and performance.
Summary Generated by Built In
Yahoo serves as a trusted guide for hundreds of millions of people globally, helping them achieve their goals online through our portfolio of iconic products. For advertisers, Yahoo Advertising offers omnichannel solutions and powerful data to engage with our brands and deliver results.

Yahoo is seeking a talented Principal Front-End Engineer with deep expertise in React, TypeScript, and design systems implementation. In this role, you'll build, optimize, and maintain robust, scalable web-based interface components, translating sophisticated Figma designs into elegant, production-ready user interfaces. Your commitment to visual consistency, accessibility, and performance will significantly enhance user experience across our platforms.

Primary Focus:

  • Developing and maintaining high-quality, reusable UI components and front-end systems.

  • Implementing a consistent, visually appealing, and accessible user experience leveraging our core design system.

Key Responsibilities:

  • Build and refine reusable UI components using React and TypeScript.

  • Accurately translate detailed Figma designs into responsive, production-quality front-end code.

  • Ensure accessibility standards, responsiveness, and cross-browser compatibility across all UI components and pages.

  • Collaborate closely with designers, engineers, and product teams to uphold visual consistency and UX excellence.

  • Proactively identify and resolve front-end performance bottlenecks, optimizing for speed and scalability.

Required Qualifications:

  • Extensive front-end engineering experience with React.js and TypeScript.

  • Proven ability to translate design specifications (Figma or similar tools) into functional, pixel-perfect front-end implementations.

  • Deep understanding of web accessibility standards (WCAG), responsiveness, and cross-browser compatibility.

  • Experience optimizing front-end performance, including familiarity with techniques for improving load times and rendering efficiency.

  • Strong collaboration skills and experience working closely with design and engineering teams to ensure consistent user experiences.

Desired Strengths:

  • Exceptional expertise in front-end styling, system patterns, tokens, and detailed interaction fidelity.

  • Strong visual design instincts and attention to UI quality, precision, and scalability.

  • Proven ability to systematically approach UI-layer architecture and optimization.

#LI-AC1

The material job duties and responsibilities of this role include those listed above as well as adhering to Yahoo policies; exercising sound judgment; working effectively, safely and inclusively with others; exhibiting trustworthiness and meeting expectations; and safeguarding business operations and brand integrity.

At Yahoo, we offer flexible hybrid work options that our employees love! While most roles don’t require regular office attendance, you may occasionally be asked to attend in-person events or team sessions. You’ll always get notice to make arrangements. Your recruiter will let you know if a specific job requires regular attendance at a Yahoo office or facility. If you have any questions about how this applies to the role, just ask the recruiter!

Yahoo is proud to be an equal opportunity workplace. All qualified applicants will receive consideration for employment without regard to, and will not be discriminated against based on age, race, gender, color, religion, national origin, sexual orientation, gender identity, veteran status, disability or any other protected category. Yahoo will consider for employment qualified applicants with criminal histories in a manner consistent with applicable law. Yahoo is dedicated to providing an accessible environment for all candidates during the application process and for employees during their employment. If you need accessibility assistance and/or a reasonable accommodation due to a disability, please submit a request via the Accommodation Request Form (www.yahooinc.com/careers/contact-us.html) or call +1.866.772.3182. Requests and calls received for non-disability related issues, such as following up on an application, will not receive a response.

We believe that a diverse and inclusive workplace strengthens Yahoo and deepens our relationships. When you support everyone to be their best selves, they spark discovery, innovation and creativity. Among other efforts, our 11 employee resource groups (ERGs) enhance a culture of belonging with programs, events and fellowship that help educate, support and create a workplace where all feel welcome.

The compensation for this position ranges from $143,625.00 - $299,375.00/yr and will vary depending on factors such as your location, skills and experience.The compensation package may also include incentive compensation opportunities in the form of discretionary annual bonus or commissions. Our comprehensive benefits include healthcare, a great 401k, backup childcare, education stipends and much (much) more.

Currently work for Yahoo? Please apply on our internal career site.

Top Skills

Figma
React
Typescript
Ui Components
Web Accessibility Standards (Wcag)
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: Sunnyvale, CA
10,001 Employees

What We Do

Yahoo is a global media and tech company that connects people to their passions. We reach nearly 900 million people around the world, bringing them closer to what they love—from finance and sports, to shopping, gaming and news—with the trusted products, content and tech that fuel their day. For partners, we provide a full-stack platform for businesses to amplify growth and drive more meaningful connections across advertising, search and media.

Similar Jobs

Shield AI Logo Shield AI

Design Engineer

Aerospace • Artificial Intelligence • Machine Learning • Robotics • Software
In-Office
2 Locations
194K-291K Annually

Micron Technology Logo Micron Technology

Design Engineer

Artificial Intelligence • Hardware • Information Technology • Machine Learning • Semiconductor
In-Office
San Jose, CA, USA
169K-344K Annually
In-Office
2 Locations
165K-231K Annually

Micron Technology Logo Micron Technology

Design Engineer

Artificial Intelligence • Hardware • Information Technology • Machine Learning • Semiconductor
In-Office
Folsom, CA, USA
165K-280K Annually

Similar Companies Hiring

Scrunch AI Thumbnail
Software • SEO • Marketing Tech • Information Technology • Artificial Intelligence
Salt Lake City, Utah
ClickMint Thumbnail
Marketing Tech • Generative AI • eCommerce • AdTech
Malibu, CA
7 Employees
Standard Template Labs Thumbnail
Software • Information Technology • Artificial Intelligence
New York, NY
10 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account