Product Designer: Design Systems (12 month FTC)

📍 Job Overview

Job Title: Product Designer: Design Systems (12 month FTC)

Company: Financial Times

Location: London, England, United Kingdom

Job Type: Temporary, Contractor

Category: Design / User Experience

Date Posted: 2026-06-18T14:51:03

Experience Level: Mid-Level (2-5 years)

Remote Status: Hybrid

🚀 Role Summary

• Contribute to the strategic evolution of the Financial Times' Origami design system, enhancing product quality, consistency, and delivery pace across digital platforms.

• Design and develop reusable design components, patterns, and foundational elements for web, iOS, and Android applications, ensuring a cohesive user experience.

• Integrate accessibility best practices and AI-assisted tooling into the design system to foster innovation and efficiency in product development workflows.

• Collaborate closely with cross-functional teams, including product designers, engineers, product managers, Brand, and Editorial Design, to maintain alignment and drive system adoption.

📝 Enhancement Note: This role is a 12-month fixed-term contract (FTC) to cover maternity leave, focusing specifically on design systems. The hybrid model requires 50% onsite presence, with flexibility considered. The role emphasizes a strong understanding of systems thinking, accessibility, and the integration of emerging AI tools in design workflows.

📈 Primary Responsibilities

• Design, document, and evolve reusable components, patterns, foundations, and libraries within the Origami design system, aiming to reduce duplication and improve consistency across product teams.

• Develop system solutions that span web and mobile environments, supporting hybrid experiences across iOS, Android, and web platforms.

• Identify opportunities for system improvements and new reusable patterns by analyzing product needs and gathering feedback from design and engineering teams.

• Support the end-to-end design process for system assets, from problem framing and research to validation, comprehensive documentation, and handover to engineering.

• Create clear and detailed documentation and specifications using tools like Figma and Zeroheight, covering component variations, edge cases, and best practices for usage.

• Collaborate closely with engineers to ensure technical feasibility, scalability, and alignment of design solutions, including the effective use and sharing of design tokens between Figma and production code.

• Facilitate the adoption and evolution of the design system through contribution and governance processes, supporting designers and engineers in their use of shared patterns and workflows.

• Partner with product teams to identify design gaps, enhance consistency, and embed stronger systems thinking principles within their product development cycles.

• Contribute to the delivery of roadmap priorities that demonstrably improve delivery efficiency, product quality, and system adoption rates.

• Uphold and champion high standards for accessibility, visual craft, and overall coherence across all aspects of the design system.

• Explore and implement AI-assisted tooling to enhance prototyping, component definition, and documentation processes.

• Contribute to structuring the Origami system to be usable within AI-assisted workflows, leveraging tokens, documentation, and reusable patterns effectively.

• Collaborate with engineers to investigate and apply practical AI-assisted approaches to component development and documentation workflows.

📝 Enhancement Note: The responsibilities highlight a strong focus on the practical application of design systems within a large media organization. Emphasis is placed on cross-functional collaboration, documentation rigor, and the integration of AI tools, which is a key differentiator for this role. The "federated contribution model" implies a need for strong communication and influencing skills to manage contributions from various teams.

🎓 Skills & Qualifications

Education: Bachelor's degree in Design, HCI, Computer Science, or a related field, or equivalent practical experience.

Experience:

• Demonstrated experience in product design, with a focus on contributing to or managing digital product design systems.

• Proven ability to scale design solutions across multiple teams and platforms.

• Experience working within cross-functional product delivery teams. Required Skills:

• Strong product design craft encompassing interaction design, visual design, and prototyping with meticulous attention to detail and quality.

• Proficiency in Figma, including advanced features like component libraries, variables, design tokens, and prototyping capabilities.

• Experience creating or contributing to reusable components, patterns, or design guidance for digital products.

• Demonstrated ability to work closely with engineers to deliver high-quality, functional design outcomes.

• Confidence and practical experience in applying accessibility standards (e.g., WCAG) to digital products.

• Clear and effective communication skills, both written and verbal, for documenting work and collaborating with diverse teams.

• A solid working understanding of HTML, CSS, and the principles of accessible, semantic markup.

• A collaborative and adaptable approach, comfortable with providing and receiving constructive feedback and engaging in shared ways of working.

• A strong understanding of how individual design decisions impact broader system quality, consistency, and long-term maintainability.

• An active interest in systems thinking, accessibility principles, and the adoption of emerging design and development tooling. Preferred Skills:

• Experience designing across both web and mobile platforms, with familiarity with iOS and Android platform conventions and the nuances of hybrid environments.

• Experience using or exploring AI-assisted design or development tools and workflows.

• Familiarity with Zeroheight or similar design system documentation platforms.

• Experience with contribution and governance models within design systems.

• An understanding of how design tokens facilitate design and development alignment.

📝 Enhancement Note: The requirements emphasize a blend of core design skills, specific tool proficiency (Figma), systems thinking, and a forward-looking interest in AI. The expectation of a working understanding of HTML/CSS and accessibility standards is crucial for effective collaboration with engineering and ensuring inclusive design. The emphasis on a portfolio demonstrating impact is critical for this role.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate a strong portfolio showcasing both product design craft and systems thinking, with clear evidence of meaningful impact on product quality, consistency, or delivery efficiency.

• Include case studies that detail your process for designing, documenting, and implementing reusable components or patterns within a design system.

• Highlight examples of how you've collaborated with engineering teams to ensure feasibility, scalability, and successful implementation of design system assets.

• Showcase your approach to accessibility, demonstrating how you integrate and advocate for inclusive design principles in system design.

• Provide evidence of your experience with Figma, specifically component libraries, variables, and design tokens, and how these were utilized to drive consistency. Process Documentation:

• Detail your methods for creating clear, comprehensive documentation and specifications for design system elements, including usage guidelines, variants, and edge cases.

• Illustrate your process for identifying system improvements and new reusable patterns based on product needs and user feedback.

• Explain your approach to supporting design and engineering teams through contribution and governance processes, facilitating adoption and evolution of the system.

📝 Enhancement Note: A strong portfolio is paramount. Candidates should focus on showcasing their ability to think systematically, create scalable and maintainable design solutions, and collaborate effectively with engineering. The portfolio should clearly articulate the impact of their work on efficiency, quality, and consistency, specifically within a design system context.

💵 Compensation & Benefits

Salary Range: As this is a 12-month fixed-term contract (FTC) for a Product Designer role at a reputable media organization in London, a competitive salary within the range of £55,000 - £75,000 per annum is anticipated, depending on experience and the specific level of the role.

Benefits:

• Generous annual leave allowance.

• Comprehensive medical cover.

• Inclusive parental leave packages.

• Subsidised gym memberships.

• Opportunities to give back to the community.

• Access to professional development resources and learning opportunities.

• Hybrid working model with a blend of remote and in-office collaboration.

Working Hours: Standard full-time working hours are expected, likely around 40 hours per week, with a hybrid arrangement requiring approximately 50% of time spent in the London office.

📝 Enhancement Note: Salary is estimated based on comparable Product Designer roles with a focus on Design Systems in London, considering the fixed-term contract nature and the established reputation of the Financial Times. Benefits are as listed in the job description, with an emphasis on comprehensive offerings typical for a major media organization.

🎯 Team & Company Context

🏢 Company Culture

Industry: News & Media Publishing, Digital Content, Financial Information. The Financial Times operates in a dynamic and competitive global media landscape, requiring agility, accuracy, and a commitment to quality journalism.

Company Size: Large (typically 1,000-5,000+ employees). This indicates a structured environment with established processes, diverse teams, and significant resources.

Founded: 1888. A long history signifies stability, established brand reputation, and a deep understanding of its market and audience.

Team Structure:

• The Design Systems team is part of the broader Product and Engineering organization, likely operating within a federated model. This means they provide a core system and guidance but collaborate with decentralized product teams who also contribute to and adopt the system.

• Reporting structure will likely involve a Design Systems Lead or Manager, with Product Designers reporting into them.

• Cross-functional collaboration is fundamental, involving close partnerships with Product Designers, UI Engineers, Front-end Developers, Product Managers, Brand Designers, and Editorial Design teams. Methodology:

• Data-Driven Design: Decisions are informed by user research, analytics, A/B testing, and feedback from product teams.

• Systems Thinking: Emphasis on creating scalable, consistent, and maintainable solutions across platforms.

• Agile Development: Work is likely organized within agile frameworks, with iterative development and continuous improvement cycles for the design system.

• AI Integration: Proactive exploration and implementation of AI-assisted tooling to enhance design and development workflows.

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

📝 Enhancement Note: The FT's culture emphasizes curiosity, ambition, quality, and collaboration. For a design systems role, this translates to a need for individuals who are not only skilled but also proactive in driving consistency, championing best practices, and contributing to a collaborative environment where innovation, including AI, is encouraged.

📈 Career & Growth Analysis

Operations Career Level: Mid-Level Product Designer with a specialization in Design Systems. This role sits between junior and senior levels, requiring independent contribution and the ability to influence within their domain, but likely with guidance from senior team members or leads. The focus is on executing system design and contributing to roadmap delivery.

Reporting Structure: The Product Designer will report to a Design Systems Lead or Manager. They will work closely with engineers, product managers, and other designers on various product teams, fostering a collaborative, cross-functional dynamic.

Operations Impact: The role directly impacts the efficiency, quality, and consistency of product development across the Financial Times. By providing a robust and well-maintained design system, this position enables product teams to build features faster, maintain brand integrity, and deliver a superior, cohesive user experience across all digital touchpoints. The integration of AI aims to further amplify this impact by streamlining workflows.

Growth Opportunities:

• Specialization: Deepen expertise in design systems, accessibility, and emerging technologies like AI within design.

• Leadership: Potential to take on more ownership of specific system areas, mentor junior designers, or contribute to design system strategy as experience grows.

• Skill Development: Opportunities to learn new tools, methodologies, and contribute to innovative projects, potentially leading to roles in senior product design, design leadership, or specialized areas like UX research or front-end development liaison.

• Industry Exposure: Gain valuable experience within a leading global news organization, working on high-impact digital products consumed by millions.

📝 Enhancement Note: This FTC offers a focused opportunity to build a strong design systems portfolio. While it's a fixed term, the experience gained in a high-profile media company, coupled with exposure to cutting-edge practices like AI integration, provides a solid foundation for future career advancement in design systems or broader product design leadership.

🌐 Work Environment

Office Type: The Financial Times operates from an iconic building near St Paul's in London (Bracken House). This suggests a professional, well-resourced, and potentially prestigious work environment. The hybrid model indicates a balance between in-office collaboration and remote flexibility.

Office Location(s): Bracken House, London, United Kingdom. This central London location offers excellent transport links and access to amenities.

Workspace Context:

• Collaborative Environment: The hybrid model emphasizes the importance of in-office time for collaboration, team cohesion, and knowledge sharing, facilitated by the modern office space.

• Tools & Technology: Access to industry-standard design tools (Figma, Zeroheight), development environments, and potentially dedicated resources for system management.

• Team Interaction: Opportunities for regular interaction with a diverse group of design and engineering professionals, fostering a culture of continuous learning and mutual support.

Work Schedule: The role follows a standard full-time schedule, with the hybrid model allowing for flexibility in how and where work is completed, while ensuring sufficient in-office presence for collaborative tasks and team engagement.

📝 Enhancement Note: The emphasis on a hybrid model (50% onsite) suggests the company values in-person collaboration for team building, brainstorming, and knowledge transfer, which is crucial for design system development. The central London location is a significant draw for many professionals.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or hiring manager will review your application and portfolio. Be prepared to articulate your passion for design systems and showcase relevant experience.

• Portfolio Presentation & Discussion: Expect a session where you present key case studies from your portfolio, focusing on your process, problem-solving skills, collaboration, and impact. This is an opportunity to demonstrate your systems thinking and craft.

• Design Exercise/Challenge: You may be asked to complete a design exercise, either take-home or in-person, focused on a specific design system problem, component design, or documentation task. This will assess your practical skills and approach.

• Cross-functional Interviews: Interviews with Product Managers, Engineers, and potentially other Designers to assess your collaboration style, communication, and technical understanding.

• Final Interview: Potentially with a senior leader to discuss cultural fit, career aspirations, and overall alignment with the FT's values.

Portfolio Review Tips:

• Curate Strategically: Select 2-3 projects that best showcase your design systems experience, focusing on impact, process, and collaboration.

• Highlight Systems Thinking: Clearly articulate how your design decisions contribute to a larger system, focusing on reusability, scalability, and consistency.

• Showcase Process: Detail your methodology, including research, ideation, prototyping, testing, documentation, and collaboration with engineering.

• Quantify Impact: Whenever possible, use metrics or qualitative feedback to demonstrate the value and impact of your work (e.g., reduction in design/dev time, improvement in consistency scores).

• Address AI Integration: If you have experience or strong ideas about using AI in design systems, include a relevant example or discussion point.

• Accessibility Focus: Ensure your portfolio demonstrates a strong understanding and application of accessibility standards.

• Figma Proficiency: Be ready to discuss your advanced Figma skills, including component libraries, tokens, and variables.

Challenge Preparation:

• Understand Design System Principles: Refresh your knowledge on core concepts like atomic design, component states, design tokens, and accessibility guidelines.

• Practice Documentation: Familiarize yourself with tools like Zeroheight and practice writing clear, concise component documentation.

• Simulate Collaboration: Think about how you would communicate design decisions and technical constraints to engineers.

• AI Tooling Awareness: Be prepared to discuss how AI tools could be applied to design system workflows, even if you haven't used them extensively.

📝 Enhancement Note: The interview process will heavily rely on your portfolio as evidence of your capabilities. Be prepared to go deep into your process, justify your design decisions, and clearly articulate the impact of your work, especially concerning system adoption and efficiency.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The core design tool for creating components, libraries, prototypes, and managing design tokens and variables. Proficiency is essential.

• Zeroheight (or similar): A platform for documenting and sharing design systems, including guidelines, components, and code snippets.

• Prototyping Tools: Within Figma or standalone tools for creating interactive prototypes to test component behavior and user flows.

Analytics & Reporting:

• Product Analytics Tools (e.g., Google Analytics, Amplitude, Mixpanel): To understand user behavior and identify areas for system improvement or adoption tracking.

• Data Visualization Tools (e.g., Tableau, Power BI): Potentially used to track design system adoption metrics or performance.

CRM & Automation:

• While not directly CRM-focused, understanding how design system components translate into user-facing products that might be managed or influenced by CRM data is beneficial.

• Code Repositories (e.g., Git, GitHub/GitLab): Essential for collaboration with engineering, understanding code implementation, and potentially contributing to documentation.

• Communication & Collaboration Platforms (e.g., Slack, Microsoft Teams): For daily team communication and cross-functional interaction.

📝 Enhancement Note: Proficiency in Figma is non-negotiable. Familiarity with documentation tools like Zeroheight and an understanding of how design systems integrate with front-end development (HTML/CSS, design tokens) are critical. Awareness of how design systems can support AI-driven workflows is also a key differentiator.

👥 Team Culture & Values

Operations Values:

• Curiosity: A drive to understand user needs, explore new technologies (like AI), and continuously improve processes.

• Quality & Integrity: A commitment to delivering high-quality, accurate, and reliable design solutions, mirroring the FT's journalistic standards.

• Collaboration: Valuing diverse perspectives and working effectively with cross-functional teams to achieve shared goals.

• Ambition: Striving for excellence, pushing boundaries, and seeking opportunities for growth and impact.

• Inclusivity: Ensuring that all products and systems are accessible and welcoming to a diverse global audience.

Collaboration Style:

• Federated Model: Encourages shared ownership and contribution, requiring strong communication and negotiation skills to align different product teams.

• Feedback-Driven: Open to constructive criticism and iterative improvement, fostering a culture of continuous learning.

• Knowledge Sharing: Active participation in sharing insights, best practices, and learnings across teams, potentially through workshops, documentation, or internal presentations.

📝 Enhancement Note: The FT's culture emphasizes professional excellence and collaborative innovation. For a Design Systems Product Designer, this means being proactive, detail-oriented, and adept at building relationships across diverse teams to champion the design system and its evolution.

⚡ Challenges & Growth Opportunities

Challenges:

• System Adoption: Encouraging and supporting various product teams to consistently adopt and contribute to the Origami design system, overcoming resistance or differing priorities.

• Platform Consistency: Ensuring seamless and coherent user experiences across web, iOS, and Android in a hybrid environment, which presents unique technical and design challenges.

• AI Integration: Navigating the practical application and integration of AI-assisted tooling into existing design system workflows, requiring experimentation and a willingness to adapt.

• Balancing Centralization and Decentralization: Managing contributions and ensuring quality within a federated model where multiple teams interact with the system.

Learning & Development Opportunities:

• Design Systems Expertise: Deepen knowledge in advanced component design, theming, accessibility, and the strategic management of large-scale design systems.

• AI in Design: Gain hands-on experience with emerging AI tools and their application in design and development workflows, positioning you at the forefront of industry trends.

• Cross-functional Acumen: Enhance skills in collaborating with engineering, product management, and editorial teams, understanding diverse stakeholder needs.

• Industry Exposure: Work on high-visibility products for a globally recognized brand, contributing to a significant impact on millions of users.

📝 Enhancement Note: This role offers the chance to tackle complex challenges in a dynamic media environment, with a particular focus on the evolving landscape of AI in design. The growth opportunities are significant for someone looking to specialize and lead in the design systems space.

💡 Interview Preparation

Strategy Questions:

• "How would you approach designing a new foundational element (e.g., a color palette update or typography system) for a design system like Origami, considering its impact across web and mobile platforms?" (Focus on process, research, collaboration, and documentation.)

• "Describe a time you had to influence a team or stakeholder to adopt a new pattern or component from a design system. What was your strategy and the outcome?" (Focus on collaboration, communication, and persuasion.)

• "How would you integrate AI-assisted tooling into the Origami design system workflow to improve efficiency for designers and engineers?" (Focus on innovative thinking, practical application, and understanding of AI's potential.) Company & Culture Questions:

• "What excites you about the Financial Times as a company, and how do you see your role contributing to our mission?" (Research FT's journalism, digital strategy, and values.)

• "How do you approach collaboration within a hybrid work environment, and what are your expectations for team interaction?" (Align with FT's hybrid model and collaborative culture.)

• "Given the FT's commitment to quality and integrity, how would you ensure these values are reflected in the design system's components and patterns?" (Connect design principles to brand values.) Portfolio Presentation Strategy:

• Structure Your Narrative: For each case study, clearly articulate the problem, your role, your process, the solutions you designed, the challenges you faced, and the measurable impact.

• Emphasize Design Systems Thinking: For design system projects, highlight scalability, consistency, reusability, and the benefits for product teams and end-users.

• Showcase Figma Expertise: Be ready to walk through Figma files, demonstrating your understanding of component architecture, variants, tokens, and prototyping.

• Discuss Accessibility: Clearly explain how you approached accessibility in your designs and how you documented it.

• AI Integration Discussion: Be prepared to talk about your thoughts on AI in design systems, even if it's theoretical, showing your forward-thinking mindset.

• Be Ready for Technical Questions: Engineers may ask about your understanding of HTML/CSS and how design tokens translate to code.

📝 Enhancement Note: Prepare to articulate your design process in detail, especially concerning systems thinking and collaboration. Demonstrating an understanding of the FT's brand, its audiences, and the evolving landscape of design (including AI) will be crucial.

📌 Application Steps

To apply for this Product Designer position:

• Submit your application through the provided link on Greenhouse.

• Curate Your Portfolio: Select 2-3 of your strongest design systems projects. Ensure they clearly showcase your product design craft, systems thinking, Figma proficiency, and impact. Tailor your portfolio to highlight experience with web and mobile platforms, and any work related to accessibility or AI integration.

• Optimize Your Resume: Highlight keywords such as "Design Systems," "Figma," "Component Libraries," "Accessibility," "Interaction Design," "Visual Design," "Prototyping," "HTML/CSS," "Design Tokens," and "AI-Assisted Design." Clearly state your experience level and any relevant contract/fixed-term roles.

• Prepare Your Portfolio Presentation: Practice walking through your selected case studies, focusing on your process, problem-solving, collaboration, and quantifiable impact. Be ready to discuss your approach to accessibility and AI integration.

• Research the FT: Understand the Financial Times' mission, its digital products, its audience, and its commitment to quality journalism and diversity. This will help you tailor your responses and demonstrate cultural fit.

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