Senior Front-end Engineer/Developer

Tap Growth ai; Singapore; On-site; SGD 120,000 - 180,000; Full time

Job summary

Tap Growth ai is hiring a Senior Front-end Engineer in Singapore to build and maintain reusable UI components within an established design system. You will translate Figma designs into production-ready code, ensuring consistency, accessibility, and high-quality testing.

You will review Figma specs, collaborate with designers and developers, map design tokens, and implement localization, RTL layouts, and currency formats.

Qualifications

• Experience building reusable UI components in a design system.
• Translating design specs (Figma) into production-ready front-end code.
• Strong knowledge of design tokens, component architecture, and typed props APIs.
• Experience with responsive web development and cross-browser compatibility.
• Familiarity with accessibility standards, preferably WCAG 2.2 AA.
• Experience with unit testing, visual regression, and accessibility testing.
• Experience using Storybook and documenting components.
• Experience using AI coding assistants for development, testing, or documentation.
• Understanding localisation, RTL layouts, and international date/number/currency formats.

Responsibilities

• Review Figma specifications and verify variant states against the design system.
• Collaborate with designers and developers to clarify requirements.
• Map Figma variables to code design tokens for colours, typography, spacing, and motion.
• Develop reusable UI components with strongly typed props and multiple variants.
• Ensure accessibility compliance and keyboard/screen-reader support.
• Implement localisation, RTL, and locale-specific formats.
• Use AI coding assistants to accelerate development, testing, and documentation while ensuring quality.
• Maintain reusable prompts, context files, and coding conventions.
• Write unit, interaction, visual regression, and accessibility tests across themes.
• Conduct visual reviews with designers to align implementations with designs.
• Document components in Storybook with usage guidelines and tokens.
• Follow design-system governance, code review and release processes.
• Support adoption by development teams and provide feedback to improve the design system.

Skills

Front-end development

Figma

Design Systems

UI Components

Design Tokens

TypeScript

Responsive Design

WCAG 2.2 AA

Storybook

Unit Testing

Visual Regression Testing

Accessibility Testing

AI Coding Assistants

Localisation

RTL Support

Job description

We're Hiring: Senior Front-end Engineer/Developer!

Location: Singapore

Job Description

We are looking for a Senior Front-end Engineer/Developer to build and maintain reusable UI components within an established design system. The role involves translating Figma designs into production-ready code, ensuring design consistency, accessibility, responsive behaviour, and high-quality testing.

Key Responsibilities

• Review Figma component specifications, variants, states, and responsive behaviour against the existing design system.

• Collaborate with designers and developers to clarify requirements before implementation.

• Map Figma variables to code design tokens for colours, typography, spacing, and motion.

• Develop reusable UI components with strongly typed props and support for different variants and states.

• Ensure accessibility compliance, including WCAG 2.2 AA, keyboard navigation, screen-reader support, and colour contrast.

• Implement localisation, right-to-left (RTL) layouts, and locale-specific currency, date, and number formats.

• Use AI coding assistants to accelerate component development, testing, and documentation while reviewing generated output for quality and compliance.

• Maintain reusable AI prompts, context files, and coding conventions.

• Write unit, interaction, visual regression, and automated accessibility tests across themes and responsive breakpoints.

• Conduct visual reviews with designers to ensure accurate alignment between Figma designs and implemented components.

• Document components in Storybook, including usage guidelines, props, design tokens, and migration notes.

• Follow design-system governance, code review, versioning, release, and publishing processes.

• Support adoption by development teams and contribute feedback to improve the design system.

Requirements

• Strong experience in front-end development and reusable UI component engineering.

• Experience translating Figma designs into production-ready front-end code.

• Good understanding of design systems, component architecture, design tokens, and typed props APIs.

• Experience with responsive web development and cross-browser compatibility.

• Strong knowledge of accessibility standards, preferably WCAG 2.2 AA.

• Experience with unit testing, interaction testing, visual regression, and accessibility testing.

• Familiarity with Storybook and component documentation.

• Experience using AI coding assistants for development, testing, or documentation.

• Understanding of localisation, RTL layouts, and international date, number, and currency formats.

• Strong collaboration skills when working with designers, developers, and stakeholders.

• Ability to follow coding standards, code review processes, and release governance.

Key Skills

Front-end Development | Figma | Design Systems | UI Components | Design Tokens | TypeScript | Responsive Design | WCAG 2.2 AA | Storybook | Unit Testing | Visual Regression Testing | Accessibility Testing | AI Coding Assistants | Localisation | RTL Support