Senior UI Engineer

Summary

Join Esri as a Senior UI Engineer to contribute to the Calcite design system. You will drive UI component consistency between Figma and coded components, ensuring accessibility standards. Responsibilities include increasing company adoption of Calcite foundations, owning documentation for design tokens, creating interactive prototypes, and implementing Calcite components. You will also contribute to component documentation, expand Calcite beyond web components, foster education and best practices, and maintain Confluence documentation. The role involves participating in design system conferences and helping drive component requirements. This position requires 5+ years of experience delivering products on web and mobile, advanced knowledge of front-end technologies, and a passion for continuous improvement.

Requirements

• 5+ years of experience delivering products on web and mobile
• Advanced level knowledge of HTML, CSS, JavaScript
• Proven record of building or/and managing design systems; if you have a portfolio that demonstrates your expertise in Design Systems or relevant projects, please include those in your application – we’d like to see them
• Expertise in building a mobile-first responsive layout using CSS, contributing to open-source projects and knowledge of GitHub and ZenHub
• Practical knowledge of accessibility and internationalization/localization guidelines as well as application frameworks (such as Angular, Ember, React, Vue)
• Familiarity with custom component APIs, libraries and toolchains (such as Stencil)
• Passion for continuous improvement and advocacy for leveraging innovative Design and Front-end practices
• Hands-on experience with automated testing (such as Jest, Jasmine, Testing Library)
• Be naturally curious and passionate about learning new things as well as be driven by personal growth and commitment to the craft
• Excellent written and verbal communication skills
• Bachelors in human factors, HCI, graphic design, or related field

Responsibilities

• Drive UI component consistency between Figma and coded components, while ensuring component compliance with accessibility standards working closely with Calcite accessibility stakeholders, product designers and engineers
• Increase company adoption of Calcite foundations/shared styles (color, typography, shadows, spacing, and more) by partnering with multiple teams at Esri to expand Calcite foundations based on common needs of Esri teams
• Own documentation for Calcite design tokens and drive engagement with Calcite designers and engineers to define processes for design token management and seamless integration between Figma and token repository (GitHub)
• Create interactive prototypes for new Calcite components, acting as a liaison between Product Design and Engineering teams to help them communicate design handoff faster and more efficiently
• Implement Calcite components based on design specifications and interactive prototypes
• Contribute to component documentation, while ensuring usage guidelines consistency between Calcite Design system site and Figma
• Help expand Calcite beyond supporting web components, partnering with Esri product teams to define Calcite native mobile technology and native mobile Calcite components
• Foster education and best practices between Esri Design and Engineering communities
• Maintain Confluence documentation, posting regular updates about ongoing work to provide exceptional communication to Esri’s product teams about Calcite Design team’s progress on key initiatives and activities
• Help drive component requirements into actionable design and engineering tasks
• Participate in design systems conferences, constantly learning about design system innovation practices while applying those into your work

Preferred Qualifications

• Strong knowledge of Figma with 1+ years contributing to designing, governing, and scaling component libraries and managing tokens
• Expertise in facilitating workshops and presenting to large audiences
• Familiar with the following technologies: Stencil, TypeScript, Tailwind CSS framework, Storybook
• Understanding of native mobile technology

Benefits

• Medical, dental, vision, basic and supplemental life insurance for employees (and their families)
• 401(k) and profit-sharing programs
• Minimum accrual of 80 hours of vacation leave
• Twelve paid holidays throughout the calendar year
• Opportunities for personal and professional growth