Senior Product Designer (Design Systems)

📍 Job Overview

Job Title: Senior Product Designer (Design Systems)

Company: RightShip

Location: Singapore

Job Type: Full-time

Category: Design Operations / Product Design

Date Posted: 2026-06-24

Experience Level: 5-10 Years (Senior Level)

Remote Status: On-site

🚀 Role Summary

• Lead the strategic development and evolution of RightShip's Design System, encompassing tokens, components, patterns, and interaction standards.

• Drive the critical "idea-to-code" workstream, ensuring tight parity between design artifacts in Figma and their implementation in Angular front-end code.

• Pioneer the integration of AI tools to accelerate the design process, particularly in generating prototypes during the Discovery phase and moving towards working front-end outputs.

• Act as the central authority for design and UX decisions within the system, fostering consistency, scalability, and adoption across all product squads.

📝 Enhancement Note: This role is explicitly positioned as a "Design Systems Owner (Idea-to-Code)" and requires a blend of deep design craft, front-end development understanding, and a pioneering approach to AI and workflow optimization. The emphasis on "idea-to-code" and AI integration suggests a forward-thinking operations approach to product development, aiming to significantly reduce the gap between design intent and functional code.

📈 Primary Responsibilities

• Define, evolve, and govern the Design System's core elements: design tokens, reusable components, interaction patterns, and responsiveness standards, in collaboration with product designers in Singapore and London.

• Design scalable and adaptable components suitable for data-dense, workflow-heavy B2B SaaS applications, including those supporting conversational and AI-driven interfaces.

• Conduct thorough audits of existing products to identify real-world use cases and patterns, translating these into reusable system definitions for enhanced consistency and efficiency.

• Partner closely with the Head of Front-end Engineering to integrate the Design System into Angular code, ensuring design and code remain in tight parity and co-crafting solutions rather than traditional handoffs.

• Establish a robust Design System architecture that enables AI consumption for rapid prototyping during the Discovery phase, streamlining the transition from design concepts to implementable front-end code.

• Treat the entire product development workflow as a product itself, continuously measuring, iterating, and optimizing for measurable gains in speed and efficiency.

• Actively screen, trial, and integrate new AI tools to maintain RightShip at the forefront of AI-assisted design and development processes.

• Continuously challenge and reinvent traditional design-to-engineering handoff processes, acting as an R&D function for design and process innovation.

• Serve as the primary authority on design and UX standards within the system, resolving inconsistencies and ensuring alignment across the platform.

• Set and uphold standards for the correct usage, maintenance, and contribution to the Design System.

• Provide clear rationale and guidance to product designers, aligning teams on system usage and best practices.

📝 Enhancement Note: The responsibilities highlight a dual focus: maintaining the foundational elements of a Design System while innovating on the workflow that brings it to life. The "idea-to-code" and AI integration aspects are critical differentiators, requiring a proactive and experimental mindset beyond standard design system management.

🎓 Skills & Qualifications

Education:

• While no specific degree is mandated, a strong portfolio and demonstrated expertise in design systems, UX design, and front-end development principles are paramount. Continuous learning and self-driven skill development are expected. Experience:

• Significant experience in designing and implementing robust Design Systems with a proven track record of real-world adoption.

• Demonstrated experience in B2B SaaS product environments, ideally with complex, data-rich, and workflow-heavy applications.

• Experience in improving efficiency, consistency, or scalability through systemic thinking and process optimization.

• Experience in auditing products to identify and formalize reusable design patterns.

• Experience in collaborating closely with front-end engineering teams, ideally in an integrated, co-creation capacity.

• Experience leveraging AI tools to enhance design and development workflows. Required Skills:

• Design Systems Craft: Deep expertise in designing and evolving design tokens, components, patterns, typography, color palettes, and interaction standards.

• Figma Proficiency: Advanced skills in Figma for design system creation, documentation, and component management.

• Front-end Development Understanding: Comfortable engaging technically with engineers, able to read and understand front-end code, particularly component-based architectures.

• Angular Familiarity: A strong understanding of Angular principles and component-based architecture is highly desirable; direct experience is a significant plus.

• Systems Thinking: Ability to see patterns, build for scale, and understand the interconnectedness of design elements and processes.

• AI Tooling & Integration: Proven experience and genuine curiosity for leveraging AI tools for design, prototyping, and workflow optimization.

• Product Sense: Strong understanding of product strategy and user needs, comfortable operating in a PM-adjacent capacity.

• Prototyping: Skill in creating functional prototypes, particularly for rapid iteration during the Discovery phase.

Preferred Skills:

• Direct experience in developing and maintaining Angular front-end components.

• Experience with AI in generating code or prototypes.

• Experience in the maritime industry or a complex, high-stakes industry.

• Active participation in side projects related to design systems or AI tools.

• Experience with design operations (DesignOps) principles and practices.

📝 Enhancement Note: The requirements emphasize a "systemic tinkerer" profile, highlighting a blend of deep design skills with a strong comfort level in code and a pioneering spirit for AI. The "idea-to-code" mandate means that comfort with code and engineering collaboration is as crucial as traditional design system expertise.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio showcasing robust Design System craft with evidence of significant adoption and impact.

• Demonstrate the evolution of a design system, highlighting specific contributions to tokens, components, and patterns.

• Case studies detailing how systemic thinking was applied to improve consistency, efficiency, or scalability in B2B SaaS products.

• Examples of collaboration with engineering teams, illustrating how design and code were kept in parity or how handoffs were minimized.

• Evidence of experience in auditing products to extract and formalize reusable design patterns. Process Documentation:

• Showcase examples of how you've treated workflows as products, including metrics and iteration cycles for process improvement.

• Document your approach to evaluating and integrating new AI tools into design and development processes.

• Illustrate how you've actively challenged and innovated on traditional design-to-engineering handoff processes.

• Demonstrate your ability to define and uphold standards for system usage, governance, and contribution.

📝 Enhancement Note: The portfolio should not only showcase design output but also the process of creating and implementing a design system, especially its translation into code and the optimization of the workflow. Evidence of AI integration and process innovation will be highly valued.

💵 Compensation & Benefits

Salary Range:

• Given the Senior level, location in Singapore, and the specialized nature of Design Systems ownership with an "idea-to-code" and AI focus, a competitive salary is expected. Based on industry benchmarks for Senior Product Designers with Design System and front-end experience in Singapore, a range of SGD 90,000 - SGD 140,000 per annum is a reasonable estimate. This range accounts for the specialized skill set and the significant impact this role is expected to have. Benefits:

• Competitive Base Salary

• Healthy Living Allowance

• Annual Incentive Scheme

• Professional Development opportunities

• Commitment to employee wellbeing

• Opportunities for professional growth and skill development within the company. Working Hours:

• Standard full-time working hours are expected, likely around 40 hours per week, with flexibility potentially available based on team needs and project demands. The focus is on outcomes and efficiency rather than strict adherence to hours.

📝 Enhancement Note: Salary estimate is based on research for Senior Product Designer roles in Singapore, adjusted upwards for the specialized Design Systems Owner role with a significant front-end and AI component. Benefits are as explicitly stated in the job description.

🎯 Team & Company Context

🏢 Company Culture

Industry: Maritime Technology & Due Diligence (Safety, Sustainability, Social Responsibility). RightShip is a leader in providing safety and environmental scoring systems, recommendations, and consultancy services using data analytics and technology.

Company Size: While not explicitly stated, greenhouse.io implies a mid-to-large size organization. RightShip is a significant player in its niche.

Founded: The founding date is not readily available but RightShip has a long-standing reputation in the maritime industry, suggesting established processes and a mature organizational structure, though now innovating rapidly.

Team Structure:

• The role is a senior individual contributor, impacting all product squads.

• Close partnership with the Head of Front-end Engineering is a core aspect of the role.

• Collaboration with product designers in Singapore and London is expected.

• The role operates within a Product and Engineering organization focused on data, technology, and innovation. Methodology:

• Data-driven decision-making and analytics are central to RightShip's operations.

• Emphasis on continuous improvement, iteration, and R&D for design and process.

• A proactive approach to adopting new technologies, particularly AI, to enhance efficiency and outcomes.

• Agile methodologies are likely employed across squads, with a focus on fast iteration and measurable impact.

Company Website: https://www.rightship.com/

📝 Enhancement Note: RightShip operates in a critical industry focused on safety and sustainability, leveraging technology and data. The company culture appears to be one of innovation, valuing diversity, and encouraging employees to contribute meaningfully. The role is positioned at the intersection of design, engineering, and emerging AI technologies.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior Individual Contributor role, focused on owning and advancing a critical strategic asset – the Design System – and its integration into the product development lifecycle. It requires a blend of deep technical craft and strategic thinking.

Reporting Structure: The role is described as an individual contributor, with a key partnership expected with the Head of Front-end Engineering. Direct reporting lines are not specified but likely fall within the Product or Design leadership structure.

Operations Impact: The role has a direct impact on operational efficiency by reducing design and development time, improving consistency, and enabling faster iteration cycles. By driving the "idea-to-code" workflow and integrating AI, this role aims to fundamentally enhance how RightShip brings new features and products to market, directly influencing the speed and quality of product delivery.

Growth Opportunities:

• Specialization: Deepen expertise in Design Systems, AI-driven design, and front-end integration, becoming a recognized authority in these cutting-edge areas.

• Leadership: Potential to lead DesignOps initiatives, mentor other designers and engineers on system best practices, and influence broader product development strategies.

• Innovation: Be at the forefront of R&D for design processes, directly contributing to RightShip's competitive advantage through technological adoption and workflow innovation.

• Cross-functional Exposure: Gain deep insights into front-end engineering, product management, and AI technologies, broadening your technical and strategic skillset.

📝 Enhancement Note: This role offers significant growth potential not just in design system management, but in shaping the future of product development processes through AI and engineering integration. It's an opportunity to define new ways of working within a reputable company.

🌐 Work Environment

Office Type: The role is specified as "On-site," suggesting a physical office presence in Singapore. This implies a collaborative environment where in-person interaction is valued.

Office Location(s): Singapore.

Workspace Context:

• Expect a collaborative workspace that fosters close interaction with product designers (Singapore and London) and front-end engineering teams.

• Access to modern design and development tools, including Figma and relevant AI platforms, is implied.

• The environment supports an experimental and R&D-focused approach, encouraging exploration of new tools and processes.

• Emphasis on cross-functional partnerships, particularly between design and engineering, to blur the lines between disciplines.

Work Schedule: While the role is on-site, flexibility in working hours may be available, aligning with the company's focus on efficiency and outcomes. The primary expectation is effective contribution to team goals and project delivery.

📝 Enhancement Note: The "On-site" requirement suggests a company that values in-person collaboration for complex problem-solving and innovation, particularly for roles bridging design and engineering.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Review of resume and portfolio to assess alignment with Design System, front-end understanding, and AI experience.

• Technical/Portfolio Deep Dive: Likely involves a detailed discussion about your portfolio, focusing on Design System implementation, problem-solving approaches, and examples of your "idea-to-code" work. Expect to discuss specific components, patterns, and the rationale behind your design decisions.

• Collaboration Exercise/Case Study: You may be asked to present a case study on how you'd approach a specific design system challenge or an "idea-to-code" workflow improvement. This could involve a live design exercise or a presentation of your proposed solutions.

• Engineering Partnership Discussion: A meeting with the Head of Front-end Engineering or other engineering leads to assess your ability to collaborate technically, understand code constraints, and contribute to engineering solutions.

• Cultural Fit & Seniority Assessment: Discussions to evaluate your ownership mindset, entrepreneurial spirit, comfort with ambiguity, and alignment with RightShip's values and collaborative culture.

Portfolio Review Tips:

• Show, Don't Just Tell: Clearly demonstrate your Design System work, including tangible outputs like component libraries, token systems, and style guides.

• Highlight "Idea-to-Code": Dedicate a section or case study to your experience in bringing designs into code, showcasing Figma-to-Angular parity, AI integration for prototyping, and efficiency gains.

• Quantify Impact: Wherever possible, present metrics on adoption rates, efficiency improvements, reduction in rework, or speed of delivery achieved through your Design System or process innovations.

• Emphasize Collaboration: Showcase examples of successful partnerships with engineering teams, illustrating how you bridged the gap between design and development.

• AI Integration: Include any projects or concepts where you've leveraged AI tools in the design or development process, explaining the benefits and challenges.

• B2B SaaS Context: Frame your examples within the context of B2B SaaS, particularly data-rich and workflow-heavy applications.

Challenge Preparation:

• Be prepared to discuss how you would approach building or evolving a Design System from scratch or from an existing state.

• Anticipate questions about how you would ensure tight parity between Figma and Angular code.

• Think about specific AI tools and techniques you would propose for accelerating the Discovery and prototyping phases.

• Prepare to articulate your strategy for gaining buy-in and driving adoption of the Design System across multiple teams.

• Be ready to discuss how you would measure the success and ROI of a Design System and the "idea-to-code" workflow.

📝 Enhancement Note: The interview process will heavily scrutinize your practical experience with Design Systems, your comfort level with front-end code (especially Angular), and your innovative approach to AI and workflow optimization. Your portfolio is your primary tool for demonstrating these capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Design System Authoring: Figma (primary tool for design artifacts, component creation, and system definition).

• Collaboration & Design Handover: Figma's features for collaboration, prototyping, and potentially plugins for code generation or inspection.

• Front-end Development: Angular (core framework for implementation, requiring strong understanding).

• AI Tools: A broad range of AI tools for design assistance, code generation, prototyping, and workflow automation (specific tools not mentioned, requiring candidate curiosity and experimentation).

Analytics & Reporting:

• Tools for measuring Design System adoption, component usage, and workflow efficiency (specifics unknown, likely internal or standard analytics platforms).

• Figma analytics or plugins for tracking component usage and consistency. CRM & Automation:

• While not direct responsibilities, understanding how the Design System integrates with product development pipelines and potentially CRM/project management tools is beneficial.

• Tools for workflow automation to streamline processes between design and engineering.

📝 Enhancement Note: Proficiency in Figma is essential. A strong understanding of Angular is critical, and a willingness to explore and integrate various AI tools for design and development acceleration is a key requirement.

👥 Team Culture & Values

Operations Values:

• Innovation & Experimentation: A culture that encourages exploring new tools (like AI), challenging traditional processes, and R&D for design and workflow improvements.

• Collaboration: Strong emphasis on cross-functional partnership, particularly between design and engineering, aiming to "blur the line" and work as "one team."

• Ownership & Entrepreneurship: A mindset where individuals take initiative, make ambiguity concrete, and drive outcomes without formal authority.

• Excellence & Quality: Deep attention to detail and a commitment to ensuring that solutions not only "work" but also "feel right."

• Diversity & Inclusion: RightShip actively champions diversity and believes that a variety of experiences strengthens the organization.

Collaboration Style:

• Highly collaborative, with a focus on co-creation and partnership rather than traditional handoffs.

• Expect active engagement with product designers across different regions and close technical collaboration with front-end engineering.

• A culture of sharing knowledge and experiences to foster continuous learning and development.

• Openness to feedback and iterative improvements on processes and systems.

📝 Enhancement Note: The culture values proactive, innovative individuals who can thrive in a collaborative, technically-focused environment. The emphasis on diversity suggests an inclusive workplace where different perspectives are welcomed and contribute to the company's strength.

⚡ Challenges & Growth Opportunities

Challenges:

• Pioneering "Idea-to-Code": This is a novel approach, meaning there's no established blueprint. Defining and refining this workflow will require significant experimentation and problem-solving.

• AI Integration: Keeping pace with rapidly evolving AI capabilities and effectively integrating them into practical design and development workflows can be challenging.

• Design & Engineering Parity: Maintaining absolute synchronicity between design artifacts in Figma and live Angular code across a complex platform is technically demanding.

• Driving Adoption: Ensuring widespread and correct adoption of the Design System and new workflows across multiple product squads requires strong influence and enablement skills.

• Ambiguity: Operating in an R&D capacity where answers aren't predefined requires comfort with uncertainty and a proactive approach to defining solutions.

Learning & Development Opportunities:

• Cutting-Edge AI Application: Become an expert in leveraging AI for product development, a highly sought-after skill.

• Advanced Design Systems & Front-end Integration: Deepen expertise in bridging the gap between design and code, a critical area for modern product development.

• Process Innovation: Lead the reinvention of core product development workflows, influencing how products are built at RightShip.

• Industry Exposure: Gain insights into the complex and critical maritime industry, a unique domain for applying design and technology principles.

• Mentorship & Leadership: Opportunities to mentor designers and engineers and potentially lead DesignOps initiatives.

📝 Enhancement Note: This role is designed for someone who thrives on challenge and sees ambiguity as an opportunity for innovation. The growth potential lies in becoming a leader in a forward-thinking approach to product development.

💡 Interview Preparation

Strategy Questions:

• Design System Evolution: "Describe how you would approach evolving a mature Design System to incorporate AI-driven prototyping and ensure tight parity with an Angular codebase. What are the key considerations for tokens, components, and patterns?"

• Idea-to-Code Workflow: "Walk us through your proposed 'idea-to-code' workflow. How would you minimize handoffs between design and engineering, and what role would AI play in accelerating this process from Discovery to production?"

• Problem Solving & Ambiguity: "This role involves significant R&D and navigating ambiguity. Describe a time you had to build a solution without a clear roadmap. How did you define the problem, prototype solutions, and drive adoption?"

Company & Culture Questions:

• RightShip's Mission: "How do you see your role in contributing to RightShip's mission of improving maritime safety and sustainability through design and technology?"

• Collaboration with Engineering: "How would you foster a 'one team' mentality with the front-end engineering team, especially when dealing with complex code integration and AI experimentation?"

• Measuring Success: "What metrics would you track to demonstrate the success and ROI of the Design System and the 'idea-to-code' workflow? How would you present these to stakeholders?"

Portfolio Presentation Strategy:

• Structure Your Narrative: Organize your portfolio around key themes: Design System Fundamentals, "Idea-to-Code" Innovation, AI Integration, and Impact/Results.

• Showcase the Process: For each project, don't just show the final output. Detail your thought process, the challenges you faced, the solutions you designed, and how you collaborated with others (especially engineers).

• Highlight "Idea-to-Code" Examples: Dedicate specific slides or sections to demonstrate how you've translated designs into code, the tools used, and the resulting efficiency gains. If you have AI-assisted projects, make them prominent.

• Quantify Your Impact: Use data and metrics wherever possible. Show how your work improved consistency, reduced development time, increased adoption, or enhanced user experience.

• Be Ready for Technical Deep Dives: Be prepared to discuss the technical aspects of your work, including component architecture, code implementation challenges, and your understanding of Angular.

📝 Enhancement Note: Prepare to discuss your experience with Design Systems in depth, focusing on practical implementation, collaboration with engineering, and your innovative approach to AI and workflow optimization. Your ability to articulate complex technical and process concepts clearly will be key.

📌 Application Steps

To apply for this Senior Product Designer (Design Systems) position:

• Submit your application through the provided link on Greenhouse.

• Portfolio Customization: Tailor your portfolio to prominently feature your Design System experience, specifically highlighting "idea-to-code" projects, AI tool integration, and your work with component-based architectures (and Angular, if applicable).

• Resume Optimization: Ensure your resume clearly articulates your senior-level experience in Design Systems, front-end development collaboration, and AI-driven process innovation. Use keywords such as "Design Systems," "Figma," "Angular," "AI," "B2B SaaS," "Systemic Thinking," and "Idea-to-Code."

• Interview Preparation: Practice articulating your design process, problem-solving methodologies, and approach to collaboration, especially with engineering. Prepare to discuss specific case studies from your portfolio that demonstrate your capabilities.

• Company Research: Familiarize yourself with RightShip's mission, values, and the maritime industry. Understand how your role contributes to their goals of safety, sustainability, and technological advancement.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details, especially regarding salary estimates and specific interview processes, should be verified directly with the hiring organization before making application decisions.