Product Design Lead - Design System

Moniepoint; Greater London; On-site; GBP 90,000 - 130,000; Full time

Job summary

Moniepoint Inc. is seeking a Product Design Lead - Design System to own and scale a cross-platform UI ecosystem. You will lead component libraries, interaction models, and design-token systems while bridging design and engineering for reusable production code.

You will define guidelines, collaborate with multiple product teams, and drive consistency across Web, iOS, and Android. Excellent communication and leadership skills are essential.

Qualifications

• Proven track record of building and scaling production-ready design systems.
• Experience across Web, iOS, and Android platforms.
• Ability to translate design decisions into guidelines and documentation.
• Strong writing and presentation skills to communicate with stakeholders.

Responsibilities

• Maintain high standards for layout, typography, colour, spacing, and visual hierarchy across reusable elements.
• Design, build, and maintain robust component libraries that scale across products.
• Define interactive behaviours and state transitions for components.
• Structure and maintain design tokens to ensure design-code consistency.
• Organize complex variants and components in Figma to empower other designers.
• Collaborate with engineering to navigate constraints across Web, React, Flutter, Android, and iOS.
• Create clear usage guidelines and documentation for when components should be used.

Skills

Design systems

Systems thinking

Communication

Tools

Figma

React

Flutter

Job description

Moniepoint Inc. is Africa’s all-in-one financial ecosystem that has supported 10 million businesses and individuals since 2019 and processes $22 billion monthly. The company is hiring a Product Design Lead - Design System to think at a system level, create a scalable UI ecosystem across multiple products, teams, and platforms, and take full ownership of component libraries, interaction models, and cross-platform design consistency while bridging design and engineering to ensure reusable, accessible production code.

What you'll do

• Maintain high standards for layout, typography, colour, spacing, visual hierarchy, and overall digital finish across reusable elements
• Design, build, and maintain robust component libraries (buttons, inputs, cards, navigation, forms, tables, etc.) that scale across products
• Define interactive behaviours and state transitions (hover, focus, disabled, loading, mobile behaviours) for intuitive component interactions
• Structure and maintain design tokens (colours, spacing, typography, border-radius, shadows) to drive consistency between design and code
• Organize complex variants, properties, and components within Figma to empower other product designers
• Partner closely with engineering teams to navigate technical constraints across Web, React, Flutter, Android, and iOS/Native environments
• Create clear, comprehensive usage guidelines and documentation outlining when, why, and how components should and should not be used

What they're looking for

• Extensive experience building, scaling, and maintaining production-ready design systems
• Deep understanding of constraints and guidelines across multiple platforms, including Web, iOS, and Android
• Portfolio demonstrating systems-thinking: how design decisions impact multiple products and scale sustainably
• Familiarity with how developers inspect, build, and consume components in code repositories
• Advanced knowledge of Figma libraries, auto-layout, components, variants, variables, and library publication
• Solid grasp of accessibility standards (WCAG), contrast requirements, and inclusive design principles
• Familiarity with component-driven frameworks (React, Flutter) and Atomic Design methodology
• Excellent writing and presentation skills to translate design system choices into executive-level updates and technical guidelines