Design Engineer, Spectrum Web

Reposted 2 Days Ago
Be an Early Applicant
New York, NY
In-Office
93K-179K Annually
Mid level
Artificial Intelligence • Digital Media • Marketing Tech • Software
Adobe is changing the world through digital experiences.
The Role
Design Engineer will collaborate with the Spectrum design team, develop web UI components, maintain design consistency, and document engineering practices.
Summary Generated by Built In

Our Company
Changing the world through digital experiences is what Adobe’s all about. We give everyone—from emerging artists to global brands—everything they need to design and deliver exceptional digital experiences! We’re passionate about empowering people to create beautiful and powerful images, videos, and apps, and transform how companies interact with customers across every screen. 
We’re on a mission to hire the very best and are committed to creating exceptional employee experiences where everyone is respected and has access to equal opportunity. We realize that new ideas can come from everywhere in the organization, and we know the next big idea could be yours!


 

The opportunity

Are you passionate about web UI design and development, solving design problems at scale, and crafting simple and elegant solutions for complex problems? Adobe Design is seeking a Design Engineer to join our Spectrum Design Engineering team. We bridge design and technology, providing Adobe with tools, infrastructure, and services that enable design consistency across a range of products. We are seeking a knowledgeable and compassionate developer who can help us build a positive open- and inner-source community. This developer will help web product teams build with Spectrum-based components, using design data to ensure implementation accuracy.

Team members participate in key planning activities, such as feature discovery, system architecture, requirements definition, project scope, and delivery. Overall, this role has direct ownership and plays a key role in ensuring Spectrum is available for our customers in a timely, stable, and scalable way.

What you’ll do
  • Collaborate with the Spectrum design team to ensure the design system’s aesthetic is built into implementation libraries while maintaining an idiomatic API for consumers.

  • Extract and clarify data from designs, map data to clear abstractions, and integrate that design data into the Spectrum implementations using patterns expected by product web developers.

  • Writing clarifying documentation to communicate engineering approach, support contributors and consumers in the internal and open source community, perform code reviews, and help grow the predictability and stability of the framework.

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

  • Work with various toolsets and teams to understand design’s requirements and communicate engineering concerns back to design.

  • Assist in the discovery and delivery of fixes for Spectrum implementation gaps.

  • Document and share our ground-breaking techniques with the wider web development and design engineering communities.

What you need to succeed

Must-haves:

  • Has experience building sophisticated web UI using either no frameworks or multiple frameworks, build tools, and the latest Javascript/ECMAScript features.

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

  • Working experience with web UI implementation, semantic HTML, and direct experience using vanilla Javascript.

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

  • Has built UI following accessibility practices (WCAG), web standards, and testing methods including unit testing and visual regression testing.

  • A pragmatic, collaborative and open-minded outlook, and a high degree of comfort working in a fast-paced environment closely working with designers and engineers.

Nice-to-haves:

  • Familiarity with design systems concepts such as tokens, tooling, standard methodologies, and how they integrate with product development

  • Experience with Typescript, web components standards, lit-based component development, and related aspects of that ecosystem.

  • Experience using Node.js ecosystem and npm package development

  • Experience building libraries, frameworks, or SDKs used by other developers

  • Experience building responsive components for mobile web

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

  • 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

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, prototypers, content strategists, program managers, and more who work across Adobe’s three product lines: Creative Cloud, Document Cloud, and Experience Cloud.

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 position is $93,200 -- $179,200 annually. Pay within this range varies by work location and 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.

State-Specific Notices:

California:

Fair Chance Ordinances

Adobe will consider qualified applicants with arrest or conviction records for employment in accordance with state and local laws and “fair chance” ordinances.

Colorado:

Application Window Notice

If this role is open to hiring in Colorado (as listed on the job posting), the application window will remain open until at least the date and time stated above in Pacific Time, in compliance with Colorado pay transparency regulations. If this role does not have Colorado listed as a hiring location, no specific application window applies, and the posting may close at any time based on hiring needs.

Massachusetts:

Massachusetts Legal Notice

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.

Adobe is proud to be an Equal Employment Opportunity employer. We do not discriminate based on gender, race or color, ethnicity or national origin, age, disability, religion, sexual orientation, gender identity or expression, veteran status, or any other applicable characteristics protected by law. Learn more.

 

Adobe aims to make Adobe.com accessible to any and all users. If you have a disability or special need that requires accommodation to navigate our website or complete the application process, email [email protected] or call (408) 536-3015.

Top Skills

CSS
Ecmascript
Git
Git
JavaScript
Node.js
Npm
Typescript
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: San Jose, CA
21,000 Employees
Year Founded: 1982

What We Do

When you join Adobe Life in Austin, you’ll immerse yourself into a world of cutting-edge technology, exceptional colleagues and meaningful work that touches millions of people everywhere.

Adobe is the global leader in digital media and digital marketing solutions. Our creative, marketing and document solutions empower everyone – from emerging artists to global brands – to bring digital creations to life and deliver immersive, compelling experiences to the right person at the right moment for the best results. In short, Adobe is everywhere, and we’re changing the world through digital experiences.

Why Work With Us

Adobe Austin embodies the culture of the Austin neighborhood around it which is diverse, enterprising and innovative.

Gallery

Gallery

Similar Jobs

Comcast Advertising Logo Comcast Advertising

Support Engineer

AdTech • Digital Media • Marketing Tech
Hybrid
New York, NY, USA
5000 Employees
65K-97K Annually

Comcast Advertising Logo Comcast Advertising

Director, Xumo Advertising Sales

AdTech • Digital Media • Marketing Tech
Hybrid
New York, NY, USA
5000 Employees
150K-272K Annually

Comcast Advertising Logo Comcast Advertising

Support Engineer

AdTech • Digital Media • Marketing Tech
Hybrid
New York, NY, USA
5000 Employees
57K-85K Annually

Airwallex Logo Airwallex

Head of Regulatory Legal

Artificial Intelligence • Fintech • Payments • Business Intelligence • Financial Services • Generative AI
In-Office
2 Locations
2000 Employees
280K-370K Annually

Similar Companies Hiring

PRIMA Thumbnail
Travel • Software • Marketing Tech • Hospitality • eCommerce
US
15 Employees
Scotch Thumbnail
Software • Retail • Payments • Fintech • eCommerce • Artificial Intelligence • Analytics
US
25 Employees
Idler Thumbnail
Artificial Intelligence
San Francisco, California
6 Employees

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account