Overview
Calcite is a design system and developer platform used by product teams and Esris external partners to craft engaging and consistent user experiences across web mapping applications. We are looking for a Principal UI Engineer who is fluent in front-end technologies and is proficient in Figma to prototype new components simplify Calcite workflows for managing shared styles ensure UI component consistency as well as evangelizing those practices at Esri to help product teams adopt them when possible.
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 etc.) 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 Esris product teams about Calcite Design teams 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
Requirements
- 5 years of experience delivering products on web and mobile
- Expert 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 wed like to see them
- Expertise in building a mobile-first responsive layout using CSS
- Experience contributing to open-source projects
- Excellent knowledge of GitHub and ZenHub
- Practical knowledge of accessibility and internationalization/localization guidelines
- Familiarity with custom component APIs libraries and toolchains (e.g. Stencil)
- Practical knowledge of application frameworks (such as Angular Ember React Vue)
- 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
Recommended 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
#LI-JH4
#LI-Hybrid
Required Experience:
Senior IC