Staff Frontend Engineer - Design Systems

Verkada Inc.; San Mateo (CA); On-site; USD 185,000 - 265,000; Full time

Benefits offered by this job

Healthcare coverage

Vision & dental coverage

HSA contributions

Mental health support

Parental leave

Paid holidays & PTO

Wellness benefits

Free lunches

Job summary

Verkada is seeking an experienced frontend engineer to join our core engineering group in San Mateo, focusing on Design Systems and UI architecture. You will build, scale, and maintain the foundational component library powering our enterprise apps and bridge Design with Engineering across 8+ product teams.

You’ll evolve UI architecture, tokens, and ensure accessible, performant interfaces within a large microfrontend ecosystem. This role centers on Platform UI and collaboration with Design.

Qualifications

• 4+ years of frontend web development experience with a strong UI/UX focus.
• Expertise with React, TypeScript, and modern styling (CSS-in-JS, CSS Modules).
• Proven track record in design systems, component libraries, or UI frameworks.
• Deep experience with Storybook and component-driven development.
• Accessibility (ARIA, WCAG) and building inclusive components.
• Design fluency with tokens, typography, layouts, and responsive design.
• Degree in Computer Science, HCI, or related field.

Responsibilities

• Evolve the centralized React-based component library for reuse.
• Collaborate with Product Design to translate designs into UI components.
• Mentor engineers across 8+ product teams to adopt the design system.
• Champion accessibility standards (WCAG) across shared components.
• Write automated tests and optimize UI performance for SPAs.
• Maintain Storybook docs and usage guidelines.
• Contribute to the broader platform and microfrontend tooling.

Skills

React

TypeScript

CSS-in-JS

CSS Modules

Education

CS/HCI degree

Tools

Storybook

Job description

San Mateo, CA United States

Who We Are

Verkada is transforming how organizations protect their people and places with an integrated, privacy-sensitive AI-powered platform that includes solutions for video security, access control, air quality sensors, alarms, intercoms, and visitor management.

We’ve got serious momentum in the market: more than 30,000 customers (including 100+ of the Fortune 500), a $5.8B valuation , more than $1 billion in annualized bookings, and backing from CapitalG, Sequoia Capital, General Catalyst, Felicis Ventures, Next47 and more. Physical AI is one of the most consequential technology shifts of our time, and Verkada is at the center of it.

You can look at all kinds of communities to see our platform’s impact in the world. It's the retailer that uses our agentic AI to deter theft before it happens. The warehouse that uses AI-powered alerts to make sure its team is protected on the floor with proper PPE. The school that’s alerted to a threat in real-time and triggers a lockdown in seconds, not minutes. We’re rapidly scaling this impact: today, more than 2 million Verkada devices are deployed across 170+ countries.

About the Role

We are actively looking for an experienced front-end engineer to join our core engineering group, with a specific focus on our Design Systems and UI architecture. As a crucial driver of our user interface, you will build, scale, and maintain the foundational component library that powers our enterprise applications. You will act as the vital bridge between Design and Engineering, partnering closely with8+ product teams to deliver a cohesive, accessible, and beautiful web experience that supports a suite of connected devices at scale.

In this role, you will go beyond building individual features; you will help evolve the UI architecture and design tokens that ensure consistency and accelerate development. While your primary focus will be on the Platform UI and Design System, you will operate within a highly collaborative platform environment with opportunities to engage with our broader microfrontend and core infrastructure initiatives.

What You Will Do

• Evolve the Design System: Collaborate with engineering leadership to develop and scale our centralized, React-based component library, ensuring it remains highly reusable and easy to consume.


• Bridge Design and Engineering: Partner deeply with the Product Design team to translate design visions and Figma tokens into robust, pixel-perfect, and interactive web components.


• Empower product engineering: Support, collaborate with, and mentor engineers across 8+ distinct product teams, driving system adoption and helping them implement UI best practices.


• Champion Accessibility (a11y): Advocate for and implement strict accessibility standards (WCAG) across all shared components, ensuring our enterprise products are inclusive and usable by everyone.


• Ensure UI Quality and Performance: Write comprehensive automated tests (unit, visual regression) for components, and optimize UI rendering performance for complex single-page applications.


• Drive Documentation and Tooling: Maintain excellent documentation (e.g., via Storybook) and usage guidelines, making it frictionless for product teams to discover and implement components.


• Contribute to the Broader Platform: Ensure the design system integrates seamlessly into our massive microfrontend architecture, with opportunities to contribute to core frontend tooling and infrastructure as needed.

Education and Experience

• 4+ years of relevant industry experience in front-end web development with a strong focus on UI/UX.


• Expertise working with modern web technologies, specifically React, TypeScript, and modern styling solutions (e.g., CSS-in-JS, CSS Modules).


• Proven track record of building, maintaining, or significantly contributing to design systems, component libraries, or comprehensive UI frameworks.


• Tooling proficiency: Deep experience with component-driven development and documentation tools like Storybook.


• Accessibility focus: Strong, practical knowledge of web accessibility standards (ARIA, WCAG) and how to build compliant components.


• Design fluency: Experience collaborating directly with designers and a strong understanding of design tokens, typography, layout systems, and responsive design.


• Degree in Computer Science, HCI, or a similar technical/design field of study.

US Employee Benefits

Verkada is committed to fostering a workplace environment that prioritizes the holistic health and wellbeing of our employees and their families by offering comprehensive wellness perks, benefits, and resources. Our benefits and perks programs include, but are not limited to:

• Healthcare programs that can be tailored to meet the personal health and financial well-being needs - Premiums are 100% covered for the employee under at least one plan and 80% for family premiums under all plans


• Nationwide medical, vision and dental coverage


• Health Saving Account (HSA) with annual employer contributions and Flexible Spending Account (FSA) with tax saving options


• Expanded mental health support


• Paid parental leave policy & fertility benefits


• Time off to relax and recharge through our paid holidays, firmwide extended holidays, flexible PTO and personal sick time


• Wellness/fitness benefits


• Healthy lunches provided daily

Additional Information

• We do sponsor and take over sponsorship of employment visas for this role. If we make you an offer, we will make every reasonable effort to get you a visa.

Annual Pay Range

At Verkada, we want to attract and retain the best employees, and compensate them in a way that appropriately and fairly values their individual contribution to the company. With that in mind, we carefully consider a number of factors to determine the appropriate starting pay for an employee, including their primary work location and an assessment of a candidate's skills and experience, as well as market demands and internal parity. A Verkada employee may be eligible for additional forms of compensation, depending on their role, including sales incentives, discretionary bonuses, and/or equity in the company in the form of restricted stock units (RSUs)

Below is the annual on-target earnings (OTE) range for full-time employees for this position, comprised of base compensation and commissions (if applicable).

$185,000 - $265,000 USD

As an equal opportunity employer, Verkada is committed to providing employment opportunities to all individuals. All applicants for positions at Verkada will be treated without regard to race, color, ethnicity, religion, sex, gender, gender identity and expression, sexual orientation, national origin, disability, age, marital status, veteran status, pregnancy, or any other basis prohibited by applicable law.

Accepted file types: pdf, doc, docx, txt, rtf

Our HQ is in San Mateo and this role is not remote/hybrid.

Voluntary Self-Identification

• We do sponsor and take over sponsorship of employment visas for this role. If we make you an offer, we will make every reasonable effort to get you a visa.

Voluntary Self-Identification of Disability

Form CC-305 Page 1 of 1 OMB Control Number 1250-0005 Expires 04/30/2026

Why are you being asked to complete this form?

We are a federal contractor or subcontractor. The law requires us to provide equal employment opportunity to qualified people with disabilities. We have a goal of having at least 7% of our workers as people with disabilities. The law says we must measure our progress towards this goal. To do this, we must ask applicants and employees if they have a disability or have ever had one. People can become disabled, so we need to ask this question at least every five years.

Completing this form is voluntary, and we hope that you will choose to do so. Your answer is confidential. No one who makes hiring decisions will see it. Your decision to complete the form and your answer will not harm you in any way. If you want to learn more about the law or this form, visit the U.S. Department of Labor’s Office of Federal Contract Compliance Programs (OFCCP) website at www.dol.gov/ofccp .

How do you know if you have a disability?

A disability is a condition that substantially limits one or more of your “major life activities.” If you have or have ever had such a condition, you are a person with a disability. Disabilities include, but are not limited to:

• Alcohol or other substance use disorder (not currently using drugs illegally)


• Autoimmune disorder, for example, lupus, fibromyalgia, rheumatoid arthritis, HIV/AIDS


• Blind or low vision


• Cancer (past or present)


• Cardiovascular or heart disease


• Celiac disease


• Cerebral palsy


• Deaf or serious difficulty hearing


• Diabetes


• Disfigurement, for example, disfigurement caused by burns, wounds, accidents, or congenital disorders


• Epilepsy or other seizure disorder


• Gastrointestinal disorders, for example, Crohn's Disease, irritable bowel syndrome


• Intellectual or developmental disability


• Mental health conditions, for example, depression, bipolar disorder, anxiety disorder, schizophrenia, PTSD


• Missing limbs or partially missing limbs


• Mobility impairment, benefiting from the use of a wheelchair, scooter, walker, leg brace(s) and/or other supports


• Nervous system condition, for example, migraine headaches, Parkinson’s disease, multiple sclerosis (MS)


• Neurodivergence, for example, attention-deficit/hyperactivity disorder (ADHD), autism spectrum disorder, dyslexia, dyspraxia, other learning disabilities


• Partial or complete paralysis (any cause)


• Pulmonary or respiratory conditions, for example, tuberculosis, asthma, emphysema


• Short stature (dwarfism)


• Traumatic brain injury

PUBLIC BURDEN STATEMENT: According to the Paperwork Reduction Act of 1995 no persons are required to respond to a collection of information unless such collection displays a valid OMB control number. This survey should take about 5 minutes to complete.