Senior Frontend Engineer - React

SarvaGram Fincare Private Limited; Pune District; On-site; INR 1,200,000 - 1,800,000; Full time

Benefits offered by this job

High-growth environment

Impactful work

Innovative product development

Job summary

SarvaGram Fincare Private Limited is looking for a Senior Frontend Engineer to own the component library and design system used across all customer-facing interfaces. The ideal candidate should have 5 to 8 years of experience in frontend engineering, particularly with design systems, and an understanding of building UI for mobile-first, low-bandwidth environments. This role will involve integrating cutting-edge AI design tools and ensuring compliance with accessibility standards. Join us in revolutionizing financial services for rural India.

Qualifications

• 5 to 8 years in frontend engineering with a design system or component library.
• Experience in mobile-first design for low-bandwidth environments.
• Proficiency in AI tools for UI generation.

Responsibilities

• Own and evolve SarvaGram's component library.
• Define and maintain the design system for consistent interfaces.
• Implement performance-first engineering techniques.

Skills

React

Accessibility (WCAG 2.1 AA)

Performance optimisation

AI-assisted design tools

TypeScript

CSS / Tailwind

Tools

Storybook

Jest

Claude Design

Cursor

Job description

About the role

Senior Frontend Engineer owns the component library and design system that every customer-facing and internal interface is built from. You define the frontend engineering standards. You make design decisions - using Claude Design and AI tools as your primary design instrument - that keep SarvaGram's product coherent without requiring a dedicated designer on every squad.

This is a rare combination: strong technical engineering depth (React, performance, accessibility, testing) and the design sensibility to maintain a system that non-designers can use confidently. If you have spent your career building products where UI quality mattered and you understand what a well‑maintained component library does for an engineering organisation, this role was designed for you.

Key Responsibilities

Component Library & Design System

• Own and evolve SarvaGram's component library - the React components, design tokens, and UI patterns that every squad uses to build consistent, accessible interfaces
• Define and maintain the design system - colour tokens, typography scales, spacing standards, icon library, and the documentation that allows engineers to use the system without design review for standard UI
• Establish contribution standards - how squads propose new components, how variants are reviewed, and how the component library evolves without becoming inconsistent
• Build and maintain Storybook - the component documentation site that engineers use to discover components, understand their props, and see their states without building the UI to find out
• Implement design token infrastructure - CSS variables or a token system that allows theming, brand updates, and white‑labelling without rewriting component styles

Business Platforms - React / Flutter Web

• Own the technical architecture of the Business Platforms frontend - routing, state management, API integration patterns, performance budgets.
• Implement performance‑first frontend engineering - lazy loading, code splitting, image optimisation, and offline‑first patterns that make the mobile‑native web apps usable on 2G/3G connections.

AI‑Native Design & Tooling

• Use Claude Design as the primary design tool - generate UI component designs, layout options, and visual specifications using AI tools; iterate with Claude before writing a line of CSS
• Define the AI‑assisted UI workflow - how product engineers use Claude to generate UI that conforms to the design system without requiring Senior FE review for every small feature
• Build the internal UI tooling layer in AppSmith - working with Automation Team to create self‑service dashboards for Operations and Support that match SarvaGram's UI standards
• Establish frontend AI tooling standards - how Cursor is configured for React development, what Claude prompts generate reliable component code, and the quality bar for AI‑generated UI

Frontend Standards & Cross‑Squad Authority

• Define and enforce frontend engineering standards across all squads - the technology choices, code patterns, and quality gates that apply to every frontend surface SarvaGram ships
• Own the frontend Guild - fortnightly sessions on React patterns, accessibility, performance optimisation, and AI‑assisted frontend development for all Frontend Engineers across the organisation
• Review frontend architecture decisions across squads
• Mentor Frontend Engineers at Intermediate level - structured development toward ownership of component domains and cross‑squad frontend confidence

Requirements

Professional Experience

• 5 to 8 years in frontend engineering with ownership of a design system or component library in production – not just consuming one, but building and maintaining it
• Has built UI for mobile‑first, low‑bandwidth environments – understands performance budgets, lazy loading, and the difference between a UI that works in Pune and one that works in a village with 3G
• Has made design decisions in the absence of a dedicated designer – comfortable with design tools, AI design systems, and the judgment to know when something looks right
• Active AI tool user – uses Claude or equivalent for UI generation and design exploration today; Cursor is standard development tooling

Mindset & Soft Skills

• Design ownership means the Senior FE takes responsibility for design quality – you fill the gap with AI tools and design judgment, not with lowered standards
• Library steward: a component library is a product – it needs documentation, contribution guidelines, and a maintainer who cares about developer experience
• Rural UX empathy – SarvaGram's Customer App is used by borrowers who may be first‑time smartphone users with low accessibility and low‑bandwidth performance
• AI‑native designer reaches for Claude Design before opening Figma – AI‑assisted UI iteration is standard practice, not a shortcut

Technical Skills

Frontend Engineering - Core

• React (hooks / context / performance) & TypeScript
• CSS / Tailwind / CSS‑in‑JS & Design tokens / theming
• Web performance optimisation
• Storybook & Jest / Testing Library

Design System - Core

• Component library architecture & Design token systems
• Accessibility (WCAG 2.1 AA) & Responsive / mobile‑first design
• Figma (reading / annotating & Cross‑browser / cross‑device testing)

AI Native - Core Expectation

• Claude Design for UI generation & Cursor for frontend development
• AI‑assisted component generation & AI design system tooling
• AI‑native design workflow

Added advantage

• Flutter Web & PWA / offline‑first
• React Native & Performance budgets
• Rural / low‑bandwidth UX & WhatsApp Web API UI

Benefits

SarvaGram is on a mission to revolutionise financial services for millions in rural India. We're building the nation's first data‑driven platform that combines cutting‑edge technology with a human touch to unlock financial possibilities for underserved households.

Shape the future of FinTech: We're not just building a product, we're creating a new category. Be a part of defining the future of financial inclusion for rural India.

Embrace a high‑growth, high‑impact environment: This is a non‑linear growth opportunity. Build a platform used by millions and witness the network effect drive massive scale.

Tackle real‑world challenges: Apply your skills to solve critical problems and directly empower rural communities.

Craft solutions that touch lives: Develop innovative products used by diverse household members, each with unique needs.