Senior Design Systems Designer

📍 Job Overview

Job Title: Senior Design Systems Designer

Company: Haufe Group

Location: Barcelona, Catalonia, Spain

Job Type: Full-time

Category: Design Operations / Product Design

Date Posted: March 02, 2026

Experience Level: Professionals

Remote Status: Hybrid

🚀 Role Summary

• Lead the evolution, adoption, and governance of a comprehensive design system across multiple products and platforms, ensuring a unified and scalable design language.

• Collaborate closely with product designers, front-end engineers, accessibility experts, and brand stakeholders to translate user needs and brand guidelines into reusable system elements.

• Drive internal adoption of the design system through championing, comprehensive documentation, and targeted training initiatives for both design and engineering teams.

• Embed accessibility best practices (WCAG, ARIA) into every component and pattern, ensuring inclusive and usable design solutions for all users.

• Contribute to the continuous improvement and sustainable evolution of the design system by identifying gaps, opportunities for innovation, and incorporating user feedback, analytics, and industry trends.

📝 Enhancement Note: While the job title is "Senior Design Systems Designer," the responsibilities and requirements strongly indicate a role at the intersection of product design and operations, focusing on the systematic management and scaling of design assets. This role requires strong operational thinking to ensure consistency, efficiency, and adoption of the design system, making it highly relevant for candidates with a background in design operations or a strong operational mindset within design.

📈 Primary Responsibilities

• Design & Development of System Assets: Create, refine, and maintain UI components, patterns, and design tokens, ensuring usability, scalability, accessibility, and adherence to brand guidelines.

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

• Design-Engineering Collaboration: Partner closely with front-end engineers to ensure seamless implementation of components, striving for design-code parity and efficient integration.

• Adoption and Governance: Actively champion the design system internally, leading initiatives to drive adoption, developing comprehensive documentation, and providing training for designers and developers.

• Accessibility & Inclusivity Leadership: Proactively embed and enforce accessibility best practices (e.g., WCAG, ARIA) within all system components and design patterns to ensure inclusive user experiences.

• System Governance & Evolution: Contribute to the establishment and maintenance of guidelines, processes, and tooling that ensure the design system evolves sustainably, consistently, and efficiently over time.

• Mentorship & Knowledge Sharing: Provide guidance and support to other designers, fostering their ability to effectively leverage the design system in their day-to-day work.

• Continuous Improvement & Innovation: Identify systemic gaps and opportunities for innovation by analyzing user feedback, product analytics, and emerging industry trends to enhance the design system.

📝 Enhancement Note: The responsibilities clearly emphasize the operational aspects of managing a design system, including governance, adoption, and continuous improvement, which are critical for scaling design efforts efficiently.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong portfolio demonstrating relevant experience is paramount. Candidates with degrees in Design, Human-Computer Interaction, Computer Science, or related fields may have a foundational advantage.

Experience:

• 5+ years of experience in product design.

• At least 2+ years of dedicated experience in building, maintaining, or leading design systems.

Required Skills:

• Expert proficiency in Figma for design system creation and management.

• Deep understanding of accessibility standards (WCAG, ARIA) and a commitment to inclusive design practices.

• Strong system thinking capabilities to translate complex requirements into scalable and reusable design elements.

• Excellent communication and documentation skills for articulating guidelines, rationales, and design decisions clearly.

• Ability to balance consistency requirements with the need for flexibility across diverse product needs.

• Familiarity with token-driven systems and theming strategies for design system customization.

• Experience in UI component design, pattern creation, and token management.

Preferred Skills:

• Fluency in German (highly desirable, but excellent English is acceptable).

• Experience with design system governance frameworks and processes.

• Familiarity with front-end development concepts and technologies (e.g., React, Vue, CSS).

• Experience in mentoring other designers.

• Understanding of user feedback mechanisms and analytics integration for system improvement.

📝 Enhancement Note: The emphasis on Figma, accessibility standards, token-driven systems, and collaboration with engineers highlights the technical and operational rigor expected for this senior role. The "nice to have" German fluency suggests potential collaboration with DACH-based teams or a need to align with company-wide linguistic standards.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Studies: Showcase at least one in-depth case study detailing the creation, evolution, or significant improvement of a design system. This should include the problem statement, your role, the process followed, key components/patterns developed, and measurable outcomes.

• Component Library Examples: Provide clear examples of well-documented UI components, patterns, and token systems you have designed and implemented, demonstrating adherence to consistency, accessibility, and usability principles.

• Collaboration Evidence: Include examples or descriptions of how you've collaborated with engineers, product managers, and other stakeholders to integrate and adopt design system elements.

• Accessibility Integration: Highlight specific instances where you've embedded accessibility standards and inclusive design practices into system components and documentation.

• System Governance & Documentation: Demonstrate your approach to documenting system guidelines, rationale behind decisions, and processes for contribution and governance.

Process Documentation:

• Workflow Design & Optimization: Detail your process for designing and refining UI components, patterns, and tokens, including how you gather requirements, conduct research, and iterate based on feedback.

• Implementation & Automation: Explain your methods for collaborating with engineers on component implementation, ensuring code-quality, and leveraging tools or processes that facilitate automation and efficiency.

• Measurement & Performance Analysis: Show how you track adoption, usage, and impact of the design system, using metrics to identify areas for improvement and demonstrate ROI.

📝 Enhancement Note: For a Senior Design Systems role, the portfolio is critical. It needs to go beyond visual design to demonstrate a deep understanding of system architecture, operational processes for governance and adoption, and the ability to collaborate effectively to ensure successful implementation and impact.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for Senior Design Systems roles in major European tech hubs like Barcelona, and considering the required experience level (5+ years) and specialized skills, a competitive annual salary range would typically fall between €60,000 and €85,000 gross per year. This estimate can vary based on the candidate's specific experience, negotiation skills, and the exact scope of responsibilities.

Benefits:

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

• Company-Paid Private Health Insurance: Comprehensive health 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 like apartment search and paperwork, easing the transition.

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

• Dedicated focus time at home: Respect for individual productivity needs.

• Up to 8 weeks per year of fully remote work: Significant flexibility for personal travel and work-life balance.

Working Hours: The standard working hours are likely around 40 hours per week, with a hybrid model that requires 12 days per quarter in the Barcelona office. The company emphasizes professional judgment and teamwork, suggesting flexibility within this framework.

📝 Enhancement Note: The salary estimate is based on general market data for senior design roles in Spain, factoring in the specialized nature of design systems and the company's likely positioning as a significant player in its market. The benefits package, particularly the extensive remote work allowance and relocation support, indicates a strong focus on employee well-being and global talent attraction.

🎯 Team & Company Context

🏢 Company Culture

Industry: Haufe Group is a leader in organizational development in the DACH market, focusing on digital workplace solutions. This implies an environment that values innovation, expertise, and empowering businesses through technology.

Company Size: With over 2,600 employees, Haufe Group offers the stability and resources of a large organization combined with the drive and agility of a startup. This size allows for significant impact and cross-functional opportunities while maintaining a potentially connected culture.

Founded: While the founding date is not explicitly stated, Haufe has a long-standing reputation in its core market, suggesting a blend of established practices and a forward-looking approach to digital transformation.

Team Structure:

• The Design Systems team is likely composed of specialized designers and potentially collaborates closely with dedicated front-end engineers and product managers.

• Reporting lines will likely lead to a Head of Design, VP of Product, or similar senior leadership role within the product organization.

Methodology:

• Data-Driven Design: The emphasis on user feedback, analytics, and continuous improvement suggests a data-informed approach to design system development and refinement.

• Agile Workflows: Given the startup-like ambition and product development focus, agile methodologies are likely employed for iterative design and development.

• Collaborative Problem-Solving: The company culture explicitly mentions teamwork and finding the best ways to combine skills, indicating a collaborative approach to tackling complex challenges.

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

📝 Enhancement Note: Haufe Group's positioning as a leader in organizational development suggests a culture that values expertise, continuous learning, and impactful solutions, making a design system role crucial for scaling their digital offerings. The blend of startup ambition and established foundation provides a unique work environment.

📈 Career & Growth Analysis

Operations Career Level: This is a "Professionals" level role, specifically a Senior position within the Design Systems discipline. It signifies a high degree of autonomy, expertise, and the ability to influence strategic design direction. The role requires not just execution but also leadership in shaping and scaling design practices.

Reporting Structure: The Senior Design Systems Designer will likely report to a Design Lead, Head of Product Design, or a similar senior management position. They will work collaboratively with product designers and front-end engineers, acting as a central point of expertise for the design system.

Operations Impact: The design system directly impacts product development velocity, design consistency, brand integrity, and user experience quality across Haufe's digital products. This role is crucial for ensuring efficient scaling of design and development efforts, directly contributing to the company's ability to deliver high-quality digital workplace solutions.

Growth Opportunities:

• Specialization & Mastery: Deepen expertise in design systems, accessibility, and related technologies, becoming a recognized authority within the company and potentially the industry.

• Leadership & Mentorship: Transition into a Design Systems Lead role, managing a team, or take on broader responsibilities in product design leadership.

• Cross-Functional Exposure: Gain deeper insights into product management, front-end engineering, and broader organizational development strategies through extensive collaboration.

• Strategic Contribution: Influence the long-term vision and strategy for digital product design at Haufe Group.

📝 Enhancement Note: The "Senior" title implies a significant level of responsibility and potential for leadership. The growth path is likely focused on deepening expertise within design systems or moving into broader design leadership roles, leveraging the operational impact of the role.

🌐 Work Environment

Office Type: Haufe Group operates with a hybrid model, valuing both focused individual work and collaborative team time. The Barcelona office is designed to facilitate intentional collaboration, planning, and problem-solving sessions.

Office Location(s): The primary office location mentioned is in the Sant Martí district of Barcelona, at Carrer de Sancho de Ávila, 52-8. This location is likely in a modern business area conducive to tech and design work.

Workspace Context:

• Collaborative Spaces: The office likely features spaces designed for whiteboarding, pair programming, and team workshops, fostering an interactive and energetic environment during in-office days.

• Technology & Tools: Employees are provided with modern hardware (new MacBook Pro or PC) and access to industry-standard design and development tools.

• Team Interaction: Intentional office days are scheduled for team-specific activities, encouraging strong working relationships and effective communication. The hybrid model also allows for focused individual work at home.

Work Schedule: The role is full-time with a hybrid arrangement. While 12 days per quarter are required in the office, the company emphasizes professional judgment and flexibility, allowing for extended periods of remote work (up to 8 weeks per year) and team-led decisions on additional in-office collaboration as needed. This schedule supports deep work and work-life balance.

📝 Enhancement Note: The hybrid model with significant remote flexibility and intentional office days is designed to balance productivity with team connection, a key aspect for roles requiring deep concentration and collaborative problem-solving.

📄 Application & Portfolio Review Process

Interview Process:

1. Application Submission: Submit via "Easy Apply" – no cover letter or questionnaire required initially.

2. Initial Phone Call: A screening call to assess if the role aligns with your expectations and skills.

3. Team & HR Call: An opportunity to discuss company culture, team dynamics, and specific working arrangements with HR and team members.

4. Case Study Assignment: You will receive a case study to demonstrate your skills.

5. Case Study Presentation & Interview: Present your case study at the office to product and engineering colleagues. This includes a dedicated session with the hiring manager to ask detailed questions about the role, product, and team.

Portfolio Review Tips:

• Showcase Design System Impact: Clearly articulate the problem your design system addressed, your specific contributions, the methodologies used, and the measurable outcomes (e.g., increased development speed, improved consistency, reduced design debt).

• Detail Your Process: Explain your approach to component design, pattern creation, token management, and accessibility integration. Use visual aids to illustrate your thought process.

• Demonstrate Collaboration: Provide examples of how you've worked with engineers, designers, and other stakeholders. Highlight communication strategies and conflict resolution if applicable.

• Structure for Clarity: Organize your portfolio logically. Use case studies that highlight distinct achievements. Ensure all examples are easy to understand and visually appealing.

• Tailor to the Role: Emphasize aspects of your experience that align with Haufe's stated needs, such as scalability, inclusivity, and governance.

Challenge Preparation:

• Understand the "Why": For the case study, focus on understanding the underlying business or user problem Haufe is trying to solve with its design system.

• Prioritize & Scope: Be prepared to discuss how you would prioritize features or improvements for a design system and how you would scope your work.

• Communicate Your Rationale: Clearly articulate the reasoning behind your design decisions and proposed solutions, especially during the presentation.

• Ask Insightful Questions: Prepare questions for the interviewers that demonstrate your engagement and understanding of the role, team, and company challenges.

📝 Enhancement Note: The process emphasizes a practical demonstration of skills through a case study, requiring candidates to showcase not just design ability but also strategic thinking and operational execution relevant to a design system.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Expert knowledge is mandatory for design system creation, component building, and collaboration.

• Design System Management Platforms: While not explicitly named, tools for version control, documentation, and distribution of design system assets are implied.

• Prototyping Tools: Likely integrated within Figma or other complementary tools for interactive component demonstration.

Analytics & Reporting:

• User Analytics Tools: Experience with tools like Google Analytics, Mixpanel, or similar to gather insights on design system adoption and component usage.

• Reporting Dashboards: Familiarity with creating and interpreting reports to track key performance indicators (KPIs) related to the design system's impact.

CRM & Automation:

• Collaboration Tools: Platforms such as Slack, Microsoft Teams, or Jira for team communication, project management, and workflow tracking.

• Documentation Platforms: Tools like Confluence, Notion, or specialized design system documentation sites for knowledge sharing and governance.

• Version Control Systems: Understanding concepts of version control (e.g., Git) as it relates to component libraries and code parity with engineering.

📝 Enhancement Note: The explicit mention of Figma and the implied need for collaborative and documentation tools point towards a modern, integrated design and development workflow. Proficiency in these areas is key for success.

👥 Team Culture & Values

Operations Values:

• Teamwork & Collaboration: A strong emphasis on combining skills and talent to find the best solutions, as highlighted by their employee quote.

• Specialization & Expertise: A drive to be specialists in their respective fields, fostering a culture of continuous learning and skill development.

• Innovation & Agility: The ambition of a startup combined with the stability of an established company, encouraging new ideas and efficient execution.

• Customer Focus: Delivering digital workplace solutions that are proud to be shown off, indicating a commitment to quality and client satisfaction.

• Inclusivity & Accessibility: A core value embedded in the design system's requirements, ensuring products are usable by everyone.

Collaboration Style:

• Cross-functional Integration: Close collaboration between design, engineering, brand, and accessibility teams is fundamental to the design system's success.

• Iterative & Feedback-Driven: The culture supports an iterative process where feedback from users, designers, and developers is actively sought and incorporated.

• Knowledge Sharing: A willingness to share expertise, provide mentorship, and document processes to ensure collective growth and efficiency.

📝 Enhancement Note: Haufe's culture appears to value both individual expertise and collective effort, with a strong focus on collaboration and continuous improvement, making it an environment where a design systems professional can thrive and make a significant impact.

⚡ Challenges & Growth Opportunities

Challenges:

• Driving Adoption: Overcoming resistance to change and ensuring widespread adoption of the design system across diverse teams and products.

• Balancing Consistency & Flexibility: Maintaining a strong, consistent system while allowing enough flexibility for unique product needs and future innovation.

• Maintaining Design-Code Parity: Ensuring that design system components accurately reflect their coded implementations, requiring close and continuous collaboration with engineering.

• Scalability & Evolution: Designing a system that can scale with the company's growth and adapt to evolving technological landscapes and user demands.

Learning & Development Opportunities:

• Deepen Design Systems Expertise: Become a leading expert in advanced design system strategies, tooling, and best practices.

• Leadership Development: Potential to grow into a Design Systems Lead role, managing a team and setting strategic direction.

• Cross-Functional Skill Enhancement: Gain deeper knowledge in front-end development, product strategy, and accessibility through close collaboration.

• Industry Engagement: Opportunities to represent Haufe at conferences or engage with the broader design systems community.

📝 Enhancement Note: The challenges are typical for design systems roles but are amplified by the company's size and ambition. The growth opportunities are well-defined, focusing on deepening specialization or moving into leadership.

💡 Interview Preparation

Strategy Questions:

• Design System Strategy: "How would you approach defining the initial roadmap for a design system in a company like Haufe, considering our diverse product portfolio and existing development teams?" (Focus on prioritization, stakeholder buy-in, and phased rollout.)

• Adoption & Governance: "Describe your strategy for driving adoption of a design system across both design and engineering teams. How would you handle situations where teams are resistant or have specific needs not immediately met by the system?" (Highlight communication, training, feedback loops, and flexible governance models.)

• Problem-Solving & Impact: "If a critical UI component in our design system was found to have a significant accessibility issue or performance bottleneck, what would be your immediate steps and long-term mitigation plan?" (Demonstrate systematic problem-solving, collaboration with engineering, and a focus on user impact.)

Company & Culture Questions:

• "Based on your understanding of Haufe Group as a leader in organizational development, how do you see a robust design system contributing to our mission and digital strategy?" (Connect design system goals to business objectives.)

Portfolio Presentation Strategy:

• Tell a Story: Structure your case studies as narratives – problem, your solution, process, and outcome. Emphasize the "why" behind your decisions.

• Quantify Impact: Wherever possible, use metrics to demonstrate the success of your design system work (e.g., reduction in design/development time, increase in feature consistency, improvement in accessibility scores).

• Show, Don't Just Tell: Use visual aids effectively. Showcase your Figma work, component examples, and documentation clearly.

• Focus on Collaboration: Highlight how you partnered with engineers and other stakeholders, as this is a key requirement.

• Be Prepared for Deep Dives: Anticipate detailed questions about your technical choices, design rationale, and process details.

📝 Enhancement Note: Interview preparation should focus on demonstrating strategic thinking, operational execution, and collaborative skills, all within the context of building and scaling a design system. The case study is a critical component for showcasing these abilities.

📌 Application Steps

To apply for this Senior Design Systems Designer position:

• Submit your application through the "Easy Apply" option on the job posting.

• Customize Your Resume: Ensure your resume highlights your 5+ years of product design experience, with specific emphasis on your 2+ years dedicated to design systems. Use keywords from the job description like "Figma," "accessibility (WCAG, ARIA)," "token-driven systems," and "design-code parity."

• Curate Your Portfolio: Select your strongest design system case studies that clearly demonstrate your ability to create, maintain, and scale design systems. Focus on showcasing your process, collaboration with engineers, and measurable impact. Ensure it's easily accessible and well-organized.

• Prepare for the Case Study: Understand that a case study will be assigned. Think about how you would approach designing or improving a system component or pattern based on hypothetical requirements. Practice articulating your process and rationale concisely.

• Research Haufe Group: Familiarize yourself with Haufe's products, their position in the market, and their company culture. Consider how your role as a Senior Design Systems Designer would contribute to their mission of organizational development and digital workplace solutions.

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