Senior Front-end Engineer/Developer

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

We are looking for a talented and experienced senior front-end engineer/developer to join our dynamic team. The ideal candidate will have a passion for building high-quality, user-centric web applications and possess deep expertise in modern front-end technologies. You will play a key role in shaping the user experience and delivering innovative solutions.

📍 Location: Singapore, Singapore

⏰ Work Mode: Work from Office

💼 Role: Senior Front-end Engineer/Developer

• Review and reconcile Figma component specs (anatomy, variants, states, responsive behavior) with the existing design system inventory, and run a design-dev kickoff to close open questions before building.
• Map Figma variables to code design tokens (color, typography, spacing, motion) and verify parity through a token-sync pipeline, raising new semantic tokens back to design rather than hard-coding.
• Build the component in the design system codebase following its architecture conventions, with a typed props API that mirrors Figma property names and covers the full variant and state matrix.
• Embed accessibility and banking constraints from the start: WCAG 2.2 AA, keyboard and screen-reader support, contrast, localization, RTL, and locale-specific currency, date, and number formats.
• Use AI assistants to scaffold code, generate variants, draft tests and documentation, and convert Figma specs into first-pass code, while critically reviewing all output and respecting the bank's AI usage and data policies.
• Maintain AI context files, conventions, and reusable prompts as engineering assets so generated code stays consistent with the design system.
• Write unit, interaction, visual regression, and automated accessibility tests across themes and breakpoints, complemented by manual screen-reader checks.
• Hold a pixel-review session with the designer comparing Figma and Storybook side by side, and iterate until spacing, type, color, and motion fidelity are confirmed.
• Document the component in Storybook with stories for every state, usage guidelines co-written with design, props API, tokens consumed, and migration notes.
• Release through the governance workflow (design sign-off, code review, semantic versioning, changelog), publish to the internal registry, support adopting teams, and feed usage insights back into the design backlog.

Keen to elevate your career? 🚀 Apply now and be part of our innovative journey!