Senior Design Systems Designer (d/f/m)

📍 Job Overview

Job Title: Senior Design Systems Designer (d/f/m)

Company: Haufe Group

Location: Barcelona, Catalonia, Spain

Job Type: Full-time

Category: Design Systems & UI/UX Operations

Date Posted: March 06, 2026

Experience Level: Professionals (5+ Years)

Remote Status: Hybrid (12 days per quarter in office, up to 8 weeks fully remote per year)

🚀 Role Summary

• Lead the strategic evolution, adoption, and governance of a comprehensive design system across multiple products and platforms.

• Drive the creation, refinement, and maintenance of reusable UI components, patterns, and design tokens to enhance usability, scalability, and accessibility.

• Foster strong collaborative relationships with product designers, front-end engineers, accessibility experts, and brand stakeholders to ensure consistent design language and accelerated product development.

• Champion the design system internally through advocacy, comprehensive documentation, and targeted training for both design and engineering teams.

• Embed and enforce accessibility best practices (WCAG, ARIA) and inclusive design principles throughout the system's architecture and implementation.

📝 Enhancement Note: This role is positioned as a Senior Design Systems Designer, indicating a leadership capacity within the design operations domain. The focus is on strategic ownership of the design system, requiring not just design execution but also governance, adoption strategy, and cross-functional enablement. The "d/f/m" designation (Deutsch, Français, English) suggests a multinational company with a diverse workforce, emphasizing the importance of clear communication and documentation. The Barcelona location and hybrid/remote flexibility are key aspects for attracting talent in a competitive market.

📈 Primary Responsibilities

• Design & Develop UI Elements: Create, iterate, and maintain a robust library of UI components, design patterns, and design tokens, ensuring adherence to usability, scalability, and accessibility standards.

• System Thinking & Translation: Translate high-level brand guidelines, complex interaction models, and diverse user needs into a cohesive, reusable, and flexible set of system elements.

• Engineering Collaboration & Implementation: Partner closely with front-end engineers to ensure seamless implementation of design system components, striving for design-code parity and efficient development workflows.

• Adoption Advocacy & Training: Actively promote the design system across the organization, developing and delivering clear documentation, training sessions, and support materials to drive widespread adoption among designers and developers.

• Accessibility & Inclusivity Integration: Proactively embed and champion accessibility best practices (e.g., WCAG, ARIA) and inclusive design principles into every component, pattern, and workflow within the design system.

• System Governance & Evolution: Contribute to the development and enforcement of guidelines, processes, and tooling that ensure the sustainable and consistent evolution of the design system.

• Mentorship & Knowledge Sharing: Provide guidance and mentorship to other designers on effectively leveraging the design system, fostering a culture of shared understanding and best practices.

• Continuous Improvement & Innovation: Systematically identify gaps, opportunities, and areas for innovation within the design system by gathering user feedback, analyzing product analytics, and staying abreast of industry trends.

📝 Enhancement Note: The responsibilities highlight a senior-level contribution to design operations, extending beyond component creation to strategic ownership, cross-functional leadership, and continuous improvement. The emphasis on "governance," "advocacy," and "system thinking" signifies a role that influences product development processes at a foundational level.

🎓 Skills & Qualifications

Education:

Experience:

• Minimum of 5 years of experience in product design, with a specialized focus of at least 2 years dedicated to building and maintaining design systems.

Required Skills:

• Expert knowledge in Figma: Demonstrated proficiency in utilizing Figma for design system creation, component management, prototyping, and collaboration.

• Deep Understanding of Accessibility Standards: Thorough knowledge of WCAG (Web Content Accessibility Guidelines) and ARIA (Accessible Rich Internet Applications) specifications, and practical application of inclusive design principles.

• System Thinking & Scalability: Ability to conceptualize, design, and implement scalable, maintainable, and adaptable design systems.

• Strong Communication & Documentation: Exceptional written and verbal communication skills, with a proven ability to create clear, concise, and comprehensive documentation for design guidelines, rationales, and decision-making processes.

• Cross-functional Collaboration: Proven ability to partner effectively with product managers, engineers, QA testers, and brand stakeholders.

• Balancing Consistency & Flexibility: Skill in navigating the complexities of maintaining design consistency while allowing for necessary flexibility across diverse product needs and use cases.

• Token-Driven Systems & Theming: Familiarity with concepts and practical application of token-driven design systems and theming strategies for multi-brand or multi-platform environments.

Preferred Skills:

• Fluency in German (highly desirable but not a strict requirement if English is excellent).

• Experience with design system tooling beyond Figma, such as Storybook, Zeroheight, or similar.

• Familiarity with front-end development principles and technologies (e.g., HTML, CSS, JavaScript frameworks) to facilitate engineering collaboration.

• Experience with user research methodologies to inform design system decisions.

• Previous experience in a multinational or DACH-region focused company.

📝 Enhancement Note: The qualifications emphasize deep expertise in core design system tools (Figma) and critical areas like accessibility and collaboration. The preference for German language skills and willingness to travel to HQ indicates a strong connection to the company's German roots and a need for cross-cultural communication. The inclusion of "token-driven systems" and "theming strategies" points to a sophisticated design system that needs to manage complexity.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Studies: Showcase at least 1-2 detailed case studies focusing on the design, development, and implementation of a design system or significant parts thereof.

• Component Library Examples: Provide clear examples of UI components, patterns, and tokens designed and documented within a system context, demonstrating usability, scalability, and accessibility considerations.

• System Thinking Demonstration: Illustrate how abstract brand guidelines, user needs, and technical constraints were translated into a coherent and reusable design system.

• Collaboration & Impact Evidence: Include examples or descriptions of how you collaborated with engineers and other stakeholders, and demonstrate the impact of your design system work on product development efficiency, consistency, or user experience.

Process Documentation:

• Workflow Design & Optimization: Present examples of how you have designed or optimized workflows related to design system creation, contribution, and maintenance.

• Implementation & Automation Methods: Detail any processes or tools used to ensure consistent implementation of design system elements across code and design, including automation strategies if applicable.

• Measurement & Performance Analysis: Show how you have measured the adoption, effectiveness, and impact of a design system, including metrics related to efficiency, consistency, and user satisfaction.

📝 Enhancement Note: For a Senior Design Systems Designer role, the portfolio is critical. It needs to go beyond individual UI designs to demonstrate strategic thinking, system-level architecture, cross-functional collaboration, and proven impact. Documentation of processes, especially around governance and adoption, is key for a senior role.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Flexible Benefits Plan: Allows employees to customize their benefits package to suit individual needs.

• Company-Paid Private Health Insurance: Comprehensive medical coverage provided by the employer.

• Sponsored Gym Membership: Financial support for maintaining physical health and well-being.

• Relocation Assistance: Support for candidates moving to Barcelona, covering aspects from finding accommodation to handling administrative paperwork.

• New MacBook Pro or PC: Provision of high-quality hardware for work.

• Access to Company Perks: Includes amenities like a tennis table, great coffee, and snacks.

Working Hours:

• Standard full-time working hours, likely around 40 hours per week, with a hybrid work model that balances in-office collaboration with remote flexibility. The company emphasizes professional judgment over arbitrary rules for work schedules.

📝 Enhancement Note: The salary estimate is based on typical senior-level design roles in major European tech hubs like Barcelona, considering the company's apparent size and established nature (leader in organizational development in DACH). The benefits package is competitive, with a strong emphasis on relocation support, health, and flexibility, aligning with the hybrid and remote work policies.

🎯 Team & Company Context

🏢 Company Culture

Industry: Software & Digital Workplace Solutions, Organizational Development. Haufe Group is a leader in organizational development in the DACH market, indicating a strong foundation in enterprise solutions and a commitment to professional growth and development.

Company Size: +2,600 employees. This signifies a large, established organization with a global presence and the resources to invest in robust systems and processes, while still aiming to maintain a startup-like ambition in its digital product development.

Founded: (Not specified, but implied to be an established company given its market leadership). The company's history as a leader in organizational development suggests a culture that values expertise, continuous improvement, and employee development.

Team Structure:

• Design Systems Team: Likely a dedicated unit or a core function within a larger design team, responsible for the design system's strategy and execution.

• Reporting Structure: The Senior Design Systems Designer will likely report to a Head of Design, Design Director, or a similar senior leadership role.

• Cross-functional Collaboration: Close partnerships are expected with Product Design, Engineering (Front-end), Product Management, Brand, and Accessibility teams.

Methodology:

• Data Analysis & Insights: The company values data-driven decision-making, suggesting that the design system's evolution will be informed by user feedback, analytics, and performance metrics.

• Workflow Planning & Optimization: A focus on efficient processes, with the design system playing a key role in accelerating product development and ensuring consistency.

• Automation & Efficiency Practices: Encouragement to leverage technology and systematic approaches to enhance efficiency in design and development processes.

Company Website: https://www.haufegroup.com/ (Assuming this is the correct domain based on "Haufe Group")

📝 Enhancement Note: The company's description as a "leader in organizational development" combined with a "startup ambition" suggests a culture that balances established processes and stability with innovation and agility. The large employee count implies a structured environment with opportunities for specialization and career growth, while the Barcelona office likely fosters a more dynamic, international atmosphere.

📈 Career & Growth Analysis

Operations Career Level: This Senior Design Systems Designer role is positioned at a mid-to-senior professional level. It requires significant autonomy, strategic input, and the ability to lead initiatives within its domain. It's a critical role for operationalizing design consistency and efficiency across product development.

Reporting Structure: The role likely reports into a Design leadership position (e.g., Head of Design, Director of Product Design) and will work very closely with engineering leads and product managers. There is an expectation of mentorship towards junior designers.

Operations Impact: The design system is a core operational asset. This role directly impacts the speed of product development, the consistency and quality of user experiences, and the efficiency of design and engineering teams. It's instrumental in reducing redundant work and ensuring brand coherence, ultimately contributing to customer satisfaction and market competitiveness.

Growth Opportunities:

• Operations Skill Advancement: Potential to deepen expertise in design system strategy, governance, accessibility, and cross-functional process optimization.

• Leadership Development: Opportunity to lead design system initiatives, mentor team members, and influence product strategy through design advocacy.

• Specialization Paths: Could lead to specialization in broader UX operations, product strategy, or advanced accessibility consulting within the organization.

• Cross-functional Mobility: The transferable skills in process, collaboration, and system thinking can open doors to roles in Product Management or Engineering Management.

📝 Enhancement Note: This is a strategic operations role within the design function. Growth opportunities are tied to deepening expertise in design systems, taking on more leadership responsibilities, and influencing broader product development processes. The hybrid and remote flexibility also supports work-life integration, which can contribute to sustained career growth.

🌐 Work Environment

Office Type: The company operates a hybrid work model, emphasizing intentional office time for collaboration. The Barcelona office is described as a place for "planning, pairing, sketching ideas on whiteboards, making big decisions, and having the kinds of conversations that work better face to face." This suggests a modern, collaborative workspace designed to facilitate teamwork.

Office Location(s): Carrer de Sancho de Ávila, 52-8, Barcelona, Catalonia, Spain. The office is located in the Sant Martí district. The company also has a Headquarters in Germany, requiring occasional travel.

Workspace Context:

• Collaborative Environment: The hybrid model is designed to foster strong team connections and effective face-to-face collaboration during designated office days, encouraging spontaneous interactions and deep work sessions.

• Operations Tools & Technology: Access to necessary tools for design systems work, including advanced hardware (MacBook Pro/PC) and software like Figma. The company also provides a flexible benefits plan suggesting a modern approach to employee support.

• Team Interaction: The hybrid model allows for focused individual work at home and energetic, collaborative sessions in the office, managed by professional judgment and team agreement.

Work Schedule: Full-time, with a hybrid policy requiring 12 days per quarter in the office. An additional benefit is up to 8 weeks per year of fully remote work from anywhere, allowing for significant flexibility. This schedule is designed to support deep work and creative problem-solving while maintaining strong team cohesion.

📝 Enhancement Note: The work environment is characterized by flexibility and a deliberate approach to in-person collaboration. This model is designed to support the focused work required for design systems while ensuring team alignment and innovation through regular, intentional face-to-face interactions. The international aspect, with travel to Germany, adds another dimension to the work environment.

📄 Application & Portfolio Review Process

Interview Process:

• Easy Apply: No cover letters or questionnaires required initially, simplifying the initial application step.

• First Phone Call: A screening call with the hiring team to assess mutual fit between the candidate's expectations and the role's requirements.

• Second Call (Team & HR): An opportunity to learn about the company culture, team dynamics, and specifics of working at Haufe Group, involving HR and team members.

• Case Study Assignment: Candidates will receive a case study to demonstrate their skills. This is a crucial step for a design systems role.

• Case Study Presentation: An interview at the office to present the case study to future product and engineering colleagues. This includes opportunities to ask questions about the product, team dynamics, and role expectations, with dedicated time for a one-on-one with the hiring manager.

Portfolio Review Tips:

• Showcase Design System Lifecycle: Clearly articulate the journey of a design system you've worked on – from initial concept and strategy to implementation, adoption, and ongoing maintenance.

• Highlight Problem/Solution/Impact: For each case study, structure it around a specific design system challenge, your proposed solution (including design decisions and rationale), and the measurable impact (e.g., improved efficiency, consistency, reduced bugs, faster development).

• Emphasize Collaboration: Provide examples of how you partnered with engineers, product managers, or other stakeholders. Detail communication strategies and how you managed feedback and conflicting priorities.

• Demonstrate Technical Understanding: Show your understanding of how design tokens translate to code, accessibility considerations embedded in components, and best practices for component documentation.

• Focus on Scalability and Governance: Illustrate how your design system designs were scalable and how you contributed to or managed governance processes.

Challenge Preparation:

• Understand Design System Principles: Be ready to discuss core design system concepts, such as atomic design, component libraries, tokenization, theming, and the role of design systems in scaling product development.

• Prepare for Technical Discussions: Be prepared to discuss your Figma workflow, your experience with accessibility standards (WCAG, ARIA), and how you collaborate with front-end engineers.

• Articulate Your Design Philosophy: Be ready to explain your approach to building and maintaining design systems, your views on consistency vs. flexibility, and your passion for inclusive design.

• Research Haufe Group: Understand their products, market position, and company culture to tailor your case study and interview responses.

📝 Enhancement Note: The interview process is structured to progressively assess skills, cultural fit, and strategic thinking. The case study is a significant component, requiring candidates to showcase practical application of design systems principles and problem-solving abilities. Portfolio tips should focus on demonstrating the full lifecycle and impact of design system work.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for design creation, component management, prototyping, and collaboration. Expert proficiency is a requirement.

• Design System Documentation Platforms: Likely tools like Zeroheight, Storybook (for developer-facing documentation and component previews), or similar knowledge base platforms.

• Prototyping Tools: Figma's built-in prototyping capabilities are key, but familiarity with other tools may be beneficial.

Analytics & Reporting:

• Product Analytics Tools: Tools like Google Analytics, Amplitude, Mixpanel, or similar, to understand user behavior and inform design system improvements.

• Design System Metrics Tracking: Potentially custom dashboards or reporting mechanisms to track adoption rates, component usage, and contribution velocity.

CRM & Automation:

• (Not directly specified for this role, but common in larger organizations)

• Project Management Tools: Tools such as Jira, Asana, Trello, or similar for managing tasks, workflows, and team collaboration.

• Collaboration Platforms: Slack, Microsoft Teams, or similar for day-to-day communication and team interaction.

📝 Enhancement Note: Figma is the cornerstone tool for this role. The emphasis on a "design system" implies a need for tools that support component libraries, documentation, and collaboration between design and development. Familiarity with how design systems integrate into broader product development workflows and analytics is also important.

👥 Team Culture & Values

Operations Values:

• Teamwork & Collaboration: A strong emphasis on working together, sharing skills, and finding the best possible ways to combine talent to create high-quality digital solutions.

• Specialization & Expertise: Encouragement for individuals to become specialists in their respective fields, driving a culture of deep knowledge and continuous learning.

• Innovation & Ambition: A blend of startup drive with the stability of an established market leader, fostering an environment where new ideas are pursued and ambitious goals are set.

• Data-Driven & User-Centric: Decisions are informed by data, user feedback, and a commitment to delivering value to customers.

• Efficiency & Quality: A focus on creating scalable, inclusive, and high-quality design and development processes that accelerate product delivery.

Collaboration Style:

• Cross-functional Integration: Actively involves designers, engineers, and other stakeholders to ensure alignment and shared ownership of the design system.

• Intentional In-Person Collaboration: Values face-to-face interaction for key activities like planning, brainstorming, and decision-making, complementing remote work.

• Open Communication & Feedback: Encourages open dialogue and feedback exchange to continuously improve processes and outcomes.

• Knowledge Sharing: Fosters an environment where best practices, learnings, and insights are shared across teams to elevate collective capabilities.

📝 Enhancement Note: The company culture appears to value expertise, collaboration, and a balanced approach to work-life integration. The description emphasizes the "best possible ways to combine skills" and a desire to be "specialists," suggesting a high-performance environment that also supports professional development and a positive work experience.

⚡ Challenges & Growth Opportunities

Challenges:

• Driving Adoption in a Large Organization: Convincing diverse teams to adopt and consistently use a design system can be challenging, requiring strong advocacy and clear value propositions.

• Balancing Consistency with Flexibility: Finding the right balance between standardized components and the need for product-specific solutions requires strategic thinking and robust system design.

• Maintaining System Scalability: As the product suite grows and evolves, ensuring the design system remains scalable, manageable, and performant presents an ongoing technical and design challenge.

• Ensuring Accessibility and Inclusivity: Continuously embedding and updating accessibility standards across all components requires vigilance and a deep understanding of evolving best practices.

• Cross-functional Alignment: Bridging the gap between design vision and engineering implementation, ensuring parity and efficient workflows, is a perpetual challenge.

Learning & Development Opportunities:

• Design System Mastery: Deepen expertise in advanced design system architecture, governance models, and scaling strategies.

• Accessibility Leadership: Become a subject matter expert and leader in accessible design practices within the company and potentially the broader industry.

• Cross-functional Process Optimization: Gain experience in improving product development lifecycles through effective design operations.

• Mentorship & Team Leadership: Develop leadership skills through mentoring junior designers and potentially leading design system initiatives or teams.

• Industry Engagement: Opportunities to stay abreast of emerging trends in design systems, UI/UX, and accessibility through conferences, workshops, and professional networks.

📝 Enhancement Note: The challenges are typical for a senior role in design operations, focusing on strategic execution, adoption, and continuous improvement. The growth opportunities are aligned with deepening specialized skills and developing leadership capabilities within the design and product development domains.

💡 Interview Preparation

Strategy Questions:

• "How would you approach building a design system from scratch for a complex product suite, and what would be your initial priorities?" (Focus on phased rollout, core principles, and stakeholder buy-in).

• "Describe a time you had to convince a skeptical team to adopt a new design system or component. What was your strategy, and what was the outcome?" (Highlight persuasion, value demonstration, and overcoming resistance).

• "How do you balance the need for design consistency with the desire for product innovation and flexibility within a design system?" (Discuss design principles, component variation, and strategic exceptions).

Company & Culture Questions:

• "Based on your research, what do you see as the biggest opportunities for our design system, and how would you contribute to them?" (Demonstrate understanding of Haufe's business, products, and potential needs).

• "How do you approach collaboration with front-end engineers, and what are common challenges you've encountered?" (Showcase partnership skills and problem-solving for design-code integration).

Portfolio Presentation Strategy:

• Tell a Story: Frame your case studies as narratives, detailing the problem, your approach, the solutions you designed, and the impact achieved.

• Focus on Impact Metrics: Quantify the benefits of your design system work whenever possible (e.g., "reduced design time by X%", "increased UI consistency by Y%", "decreased front-end development for new features by Z%").

• Walk Through Key Components: Be prepared to demonstrate the structure, documentation, and rationale behind a few of your most critical or complex design system components.

• Highlight Accessibility Decisions: Clearly explain how accessibility was integrated into your design process and the specific components you developed.

• Demonstrate Figma Proficiency: Showcase your advanced Figma skills, including component organization, variants, auto-layout, and prototyping features relevant to design systems.

📝 Enhancement Note: Interview preparation should focus on strategic thinking about design systems, practical application of skills, and demonstrating an understanding of Haufe Group's context. The portfolio presentation is a key opportunity to showcase expertise and impact.

📌 Application Steps

To apply for this Senior Design Systems Designer position:

• Submit Your Application: Utilize the "Easy Apply" option through the provided link.

• Curate Your Portfolio: Carefully select 1-2 comprehensive design system case studies that best demonstrate your experience in leading, building, and scaling design systems. Ensure these examples highlight your process, collaboration, and measurable impact.

• Optimize Your Resume: Tailor your resume to emphasize your 5+ years of product design experience, specifically highlighting your 2+ years dedicated to design systems. Use keywords such as "Design Systems," "Figma," "UI Components," "Accessibility (WCAG, ARIA)," "System Thinking," "Token-driven Systems," and "Cross-functional Collaboration."

• Prepare for the Case Study: Familiarize yourself with typical design system challenges and be ready to articulate your problem-solving approach. Practice presenting your portfolio and case study clearly and concisely.

• Research Haufe Group: Understand the company's mission, products, and market position. Consider how your design system expertise can specifically benefit Haufe Group and its users.

⚠️ 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.