Esri Logo

Esri

Sr. UI Engineer - Calcite Design System

Job Posted 16 Days Ago Posted 16 Days Ago
Remote
Hiring Remotely in US
97K-167K Annually
Senior level
Remote
Hiring Remotely in US
97K-167K Annually
Senior level
The Senior UI Engineer will enhance UI component consistency, document design tokens, create prototypes, and support mobile technologies while ensuring accessibility and collaboration across teams.
The summary above was generated by AI

Overview

Calcite is a design system and developer platform used by product teams and Esri’s external partners to craft engaging and consistent user experiences across web mapping applications. We are looking for a Sr. 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 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

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 – we’d 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-Remote

Total Rewards

Esri’s competitive total rewards strategy includes industry-leading health and welfare 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, and opportunities for personal and professional growth. Base salary is one component of our total rewards strategy. Compensation decisions and the base range for this role take into account many factors including but not limited to skill sets; experience and training; licensure and certifications; and other business and organizational needs.

A reasonable estimate of the base salary range is
$97,344$166,608 USD

The Company

At Esri, diversity is more than just a word on a map. When employees of different experiences, perspectives, backgrounds, and cultures come together, we are more innovative and ultimately a better place to work. We believe in having a diverse workforce that is unified under our mission of creating positive global change. We understand that diversity, equity, and inclusion is not a destination but an ongoing process. We are committed to the continuation of learning, growing, and changing our workplace so every employee can contribute to their life’s best work. Our commitment to these principles extends to the global communities we serve by creating positive change with GIS technology. For more information on Esri’s Racial Equity and Social Justice initiatives, please visit our website here.

If you don’t meet all of the preferred qualifications for this position, we encourage you to still apply!

Esri is an equal opportunity employer (EOE) and all qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity, national origin, disability status, protected veteran status, or any other characteristic protected by law. If you need reasonable accommodation for any part of the employment process, please email askcareers@esri.com and let us know the nature of your request and your contact information. Please note that only those inquiries concerning a request for reasonable accommodation will be responded to from this e-mail address.

Esri Privacy Esri takes our responsibility to protect your privacy seriously. We are committed to respecting your privacy by providing transparency in how we acquire and use your information, giving you control of your information and preferences, and holding ourselves to the highest national and international standards, including CCPA and GDPR compliance.

Top Skills

Angular
CSS
Ember
Figma
Git
HTML
Jasmine
JavaScript
Jest
React
Stencil
Storybook
Tailwind Css
Testing Library
Typescript
Vue
Zenhub

Similar Jobs

26 Minutes Ago
In-Office or Remote
2 Locations
70K-200K Annually
Junior
70K-200K Annually
Junior
Artificial Intelligence • Cloud • Hardware • Machine Learning • Other • Software • Infrastructure as a Service (IaaS)
As a Business Development Representative, you will drive revenue by identifying sales leads, building client relationships, and achieving sales quotas.
Top Skills: AIBare MetalCloudDockerGpuaasInfrastructure As A ServiceKubernetesMachine LearningNvidiaPlatform As A Service
26 Minutes Ago
Easy Apply
Remote
United States
Easy Apply
116K-137K Annually
Senior level
116K-137K Annually
Senior level
Insurance
The Insurance Product Forms Manager oversees contract language compliance, manages a team of analysts, streamlines processes, and collaborates with various departments to enhance product development and ensure regulatory adherence.
Top Skills: Mozart
26 Minutes Ago
Remote or Hybrid
Texas, USA
92K-149K Annually
Senior level
92K-149K Annually
Senior level
Automotive • Hardware • Internet of Things • Mobile • Software • App development • PropTech
The role involves strategizing customer engagement, leading sales teams, driving revenue growth, and conducting competitive analysis in the construction sector.
Top Skills: Microsoft Office Suite

What you need to know about the Seattle Tech Scene

Home to tech titans like Microsoft and Amazon, Seattle punches far above its weight in innovation. But its surrounding mountains, sprinkled with world-famous hiking trails and climbing routes, make the city a destination for outdoorsy types as well. Established as a logging town before shifting to shipbuilding and logistics, the Emerald City is now known for its contributions to aerospace, software, biotech and cloud computing. And its status as a thriving tech ecosystem is attracting out-of-town companies looking to establish new tech and engineering hubs.

Key Facts About Seattle Tech

  • Number of Tech Workers: 287,000; 13% of overall workforce (2024 CompTIA survey)
  • Major Tech Employers: Amazon, Microsoft, Meta, Google
  • Key Industries: Artificial intelligence, cloud computing, software, biotechnology, game development
  • Funding Landscape: $3.1 billion in venture capital funding in 2024 (Pitchbook)
  • Notable Investors: Madrona, Fuse, Tola, Maveron
  • Research Centers and Universities: University of Washington, Seattle University, Seattle Pacific University, Allen Institute for Brain Science, Bill & Melinda Gates Foundation, Seattle Children’s Research Institute
By clicking Apply you agree to share your profile information with the hiring company.

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account