Sr Staff Design Engineer, Spectrum Web

JOB LEVEL
P55
EMPLOYEE ROLE
Individual Contributor

The opportunity

Do you have a passion for helping solve web front-end engineering and design problems at scale? Do you thrive while working with cross-functional teams of engineers and designers, digging deep into challenging problems related to web application architecture and design consistency? Adobe Design is seeking a Sr. Staff Design Engineer to join our design engineering team-focusing on contributing to, driving adoption of, and building web-based implementations of the Spectrum design system, one of the most well-respected design systems in the world. We bridge design and technology, providing Adobe with tools, infrastructure, libraries and services that enable user interface consistency across a range of products.

In this role, you will help multiple web product teams at Adobe build and use Spectrum-based web components and associated unified experience libraries. You will participate in key planning activities, such as feature discovery, system architecture, requirements definition, project scope, and delivery. You will have direct ownership of technical direction and play a key role in ensuring Spectrum is available for our customers in a timely, stable, and scalable way. And, just as importantly, you will help us continue to build a collaborative, friendly and vibrant engineering culture within Adobe Design.

What you'll do

Collaborate with the Spectrum design team to ensure Spectrum's aesthetic is built into implementation libraries while maintaining an idiomatic API for library consumers.

Partner with internal product teams to define, build, support, and validate implementations of Spectrum in Adobe's products.

Lead front-end architectural discussions and help build technical alignment in web front-end across product boundaries

Understand and derive data from user interface designs, map data to clear abstractions, and integrate that design data into Spectrum implementations using patterns expected by product web developers

Help communicate product engineering concerns back to design, and help drive process improvements to address concerns

Assist and lead the delivery of improvements to Spectrum and associated unified experience implementation libraries

Contribute to open-source Spectrum projects-including Spectrum CSS and Spectrum Web Components.

What you need to succeed

Must-Haves:

A willingness to network within the company, develop relationships with engineering peers on product teams, and help drive cross-product collaborative initiatives

Specialist understanding of building performant, complex web UI using multiple frameworks, build tools, and TypeScript

Experience with CSS architecture and practices, such as pre- and post-processors, cross-browser concerns, layout, responsive design, and animation

Experience with web UI implementations, having direct experience with web components standards, Lit-based components, or related aspects of that ecosystem

Experience architecting and building libraries, frameworks, or SDKs used by other developers

Experience building responsive components for mobile web

Knowledge of the Node.js ecosystem and npm package development

Experience with git and GitHub, the process of contribution to open source development, and performing peer code reviews

Understanding of web accessibility best practices, standards, and testing methods

Practice working closely with designers, including a strong understanding of how to convert a design specification into code

A pragmatic, collaborative and open-minded outlook, and a high degree of comfort working in a fast-paced environment

Practice with open development, collaborative code reviews, and providing detailed feedback to other team members

Nice-to-Haves:

Familiarity with the concepts behind design systems and how they are applied to product development

Hands-on usage of build, test, and release methods; such as compilers, linting, CI/CD tooling, software testing and validation techniques, and modern dev-ops practices

Experience building components with other web frameworks (e.g. React, Vue or Svelte)

Experience working with partners to advise product roadmap planning

BS Degree in computer science (preferred) or equivalent practical experience

How to apply

To be considered for this role, please submit a resume. Include examples of work you feel demonstrates you have the skills needed to succeed.

About Adobe Design

Adobe Design creates tools that amplify the world's ability to create and communicate. We're a global team of designers, researchers, engineers, prototypers, content strategists, program managers, and more who work across Adobe's three product lines: Creative Cloud, Document Cloud, and Experience Cloud.

Adobe EEOC and Accessibility Statements

Adobe is an equal opportunity and affirmative action employer. We welcome and encourage diversity in the workplace regardless of gender, race or color, ethnicity or national origin, age, disability, religion, sexual orientation, gender identity or expression, veteran status, or any other characteristics protected by law.

Our compensation reflects the cost of labor across several U.S. geographic markets, and we pay differently based on those defined markets. The U.S. pay range for this positionis $173,300 -- $312,200 annually. Paywithin this range varies by work locationand may also depend on job-related knowledge, skills,and experience. Your recruiter can share more about the specific salary range for the job location during the hiring process.

At Adobe, for sales roles starting salaries are expressed as total target compensation (TTC = base commission), and short-term incentives are in the form of sales commission plans. Non-sales roles starting salaries are expressed as base salary and short-term incentives are in the form of the Annual Incentive Plan (AIP).

In addition, certain roles may be eligible for long-term incentives in the form of a new hire equity award.

Internal Opportunities

Creativity, curiosity, and constant learning are celebrated aspects of your career growth journey. We're glad that you're pursuing a new opportunity at Adobe!

Put your best foot forward:

1. Update your Resume/CV and Workday profile - don't forget to include your uniquely 'Adobe' experiences and volunteer work.

2. Visit the Internal Mobility page on Inside Adobe to learn more about the process and set up a job alert for roles you're interested in.

3. Check out these tips to help you prep for interviews.

4. If you are applying for a role outside of your current country, ensure you review the International Resources for Relocating Employees on Inside Adobe, including the impacts to your Benefits, AIP, Equity & Payroll.

Once you apply for a role via Workday, the Talent Team will reach out to you within 2 weeks. If you move into the official interview process with the hiring team, make sure you inform your manager so they can champion your career growth.

At Adobe, you will be immersed in an exceptional work environment that is recognized around the world. You will also be surrounded by colleagues who are committed to helping each other grow through our unique Check-In approach where ongoing feedback flows freely. If you're looking to make an impact, Adobe's the place for you. Discover what our employees are saying about their career experiences on the Adobe Life blog and explore the meaningful benefits we offer.

Adobe is an equal opportunity and affirmative action employer. We welcome and encourage diversity in the workplace regardless of gender, race or color, ethnicity or national origin, age, disability, religion, sexual orientation, gender identity or expression, veteran status, or any other characteristics protected by law.

If you have a disability or special need that requires accommodation to navigate our internal careers site or to complete the application process, please contact