Senior Design Technologist II - Design Systems

📍 Job Overview

Job Title: Senior Design Technologist II - Design Systems

Company: HubSpot

Location: Remote - USA

Job Type: Full-time

Category: Design Technology / Design Systems

Date Posted: 2026-08-11T17:56:17

Experience Level: Mid-Senior Level (5-10 years)

Remote Status: Fully Remote (USA)

🚀 Role Summary

• Drive the evolution of HubSpot's design system through advanced technical craft and strategic systems thinking.

• Develop high-fidelity prototypes, interaction models, and front-end explorations to validate design concepts and explore emerging UI patterns.

• Build and maintain reusable components, patterns, and implementation standards that enhance consistency and scalability across HubSpot's product suite.

• Collaborate closely with Product Designers and Software Engineers to translate design intent into accessible, maintainable, and performant system solutions, influencing the technical architecture of the design system.

📝 Enhancement Note: While the role title is "Senior Design Technologist II," the responsibilities and required experience (5-10 years) suggest a role that bridges senior individual contributor and potential technical leadership within the design systems domain. The emphasis on influencing system strategy and owning complex initiatives points to a significant level of autonomy and impact.

📈 Primary Responsibilities

• Prototyping & Exploration: Create high-fidelity prototypes and interactive models using modern front-end technologies to visualize and test complex design concepts, motion, and interaction patterns.

• Component Development: Design, build, and evolve reusable code components, patterns, and implementation guidelines that adhere to established design language and technical standards.

• Cross-Functional Partnership: Collaborate intimately with Product Designers to interpret design specifications and with Software Engineers to ensure seamless integration and adoption of system components into product codebases.

• System Architecture Evolution: Contribute to the technical direction of the design system, including defining component APIs, refining implementation patterns, and optimizing design-to-code workflows.

• Tooling & Automation: Develop or enhance internal tools, automations, plugins, or documentation to streamline design system adoption, improve developer experience, and increase overall efficiency for design and engineering teams.

• Gap Identification & Improvement: Proactively identify inconsistencies, inefficiencies, and opportunities for enhancement across product surfaces and translate these findings into actionable system improvements.

• Balancing Standardization & Flexibility: Apply strategic judgment to define system rules that effectively balance broad standardization with the specific needs and flexibility required by diverse product teams.

• Accessibility & Inclusivity: Champion and implement accessibility standards (WCAG), localization, responsiveness, performance optimization, and inclusive design principles throughout all system work.

• Knowledge Sharing: Disseminate knowledge and best practices through comprehensive documentation, engaging demos, constructive design reviews, and ongoing collaborative efforts.

• Peer Guidance: Mentor and guide fellow designers and engineers on effective design system usage, implementation techniques, and adherence to system standards within their respective projects.

📝 Enhancement Note: The responsibilities emphasize a strong blend of technical execution (prototyping, component building) and strategic influence (system architecture, gap identification). The "Senior II" title suggests a capacity for leading technical aspects of projects and mentoring others, rather than solely executing defined tasks.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a Bachelor's degree in Computer Science, Human-Computer Interaction, Design, or a related field is often preferred for roles requiring deep technical understanding and systems thinking. Equivalent practical experience will also be strongly considered.

Experience: Minimum of 5-10 years of progressive experience in design technology, UX engineering, front-end development, or a dedicated design systems role.

Required Skills:

• Front-End Mastery: Deep proficiency in core web technologies: HTML5, CSS3 (including preprocessors like Sass/LESS), and modern JavaScript (ES6+).

• Component Frameworks: Extensive experience with React.js and contemporary front-end tooling ecosystems (e.g., Webpack, Babel, npm/yarn).

• Design Systems Expertise: Proven track record of contributing to, evolving, or leading the development of a design system, component library, or shared UI framework.

• Prototyping & UI Development: Demonstrated ability to build sophisticated, high-fidelity prototypes, interactive UI elements, or production-ready front-end components.

• Systems Thinking: Strong capacity for understanding and articulating how design language, interaction design, and front-end implementation interrelate and scale.

• Project Ownership: Proven ability to independently manage and drive large, complex projects from conception to completion while fostering effective cross-team collaboration.

• Workflow Optimization: Experience identifying process inefficiencies and developing pragmatic tools or automation solutions to enhance productivity.

• Accessibility & Inclusivity: Fluency in accessibility standards (e.g., WCAG 2.1 AA) and a solid understanding of inclusive design principles and their practical application.

• Communication: Excellent verbal and written communication skills, with the ability to clearly articulate technical trade-offs, system benefits, and design intent to diverse audiences (designers, engineers, product managers).

• Technical Curiosity: A proactive interest in emerging technologies and their potential application to improve design system workflows, prototyping capabilities, and overall product quality.

Preferred Skills:

• Design Tokens & Theming: Experience with design tokens, theming strategies, and workflows for synchronizing design specifications to code.

• Motion & Animation: Practical experience implementing motion systems, advanced interactions, or sophisticated animations within product UI.

• AI Integration: Familiarity with AI-assisted tooling, AI interaction patterns, or experience building design systems that support AI-augmented product features.

• Tooling & Automation Development: Experience creating internal developer tools, plugins (e.g., for Figma, Sketch, VS Code), or custom automations.

📝 Enhancement Note: The emphasis on React and modern JavaScript, along with experience in design systems and prototyping, clearly positions this role within the front-end development and design technology spectrum. The "Senior II" designation implies a need for individuals who can not only execute but also contribute to strategic technical decisions within the design system.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Case Studies of System Impact: Showcase detailed case studies demonstrating your involvement in the creation, evolution, or significant contribution to a design system or component library. Focus on the why and the impact.

• Technical Implementation Examples: Include tangible examples of reusable components, sophisticated prototypes, or front-end explorations that highlight your technical skills in HTML, CSS, and JavaScript, preferably within a framework like React.

• Process Optimization Projects: Present projects where you identified workflow inefficiencies and implemented tools, automations, or new processes to improve design-to-code handoffs or system adoption. Quantify the efficiency gains where possible.

• Accessibility & Responsiveness Demonstrations: Highlight examples that explicitly demonstrate your commitment to accessibility standards and responsive design principles, showing how these were integrated into your system work.

Process Documentation:

• Workflow Design & Optimization: Demonstrate experience in documenting and optimizing workflows related to design system development, component contribution, and adoption processes.

• Implementation & Automation Methods: Provide examples of how you've documented or implemented technical solutions, including component APIs, integration patterns, and automation scripts.

• Measurement & Performance Analysis: Showcase how you've measured the impact of design system initiatives, component usage, or workflow improvements, using relevant metrics.

📝 Enhancement Note: For a Senior Design Technologist role, the portfolio is crucial. It should not only showcase technical skills but also the candidate's ability to think systematically, solve complex problems, and drive tangible improvements through design systems. Emphasis on case studies with clear problem statements, proposed solutions, execution details, and measurable outcomes is key.

💵 Compensation & Benefits

Salary Range: $161,500 - $258,400 USD annually.

Explanation of Range: This range reflects HubSpot's compensation philosophy, which aims to provide competitive pay tailored to skills, experience, qualifications, and other job-related factors. The specific placement within this range will depend on the candidate's individual profile and alignment with the role's requirements. Given the "Senior II" title and the "Remote - USA" location, this range is generally aligned with market rates for experienced design technologists in the US tech industry, considering the broad geographic distribution.

Benefits:

• Equity: Eligibility to participate in HubSpot's equity plan, including Restricted Stock Units (RSUs), offering long-term financial growth potential.

• Performance Bonuses: Potential to receive an annual bonus, tied to individual and company performance targets.

• Comprehensive Health & Wellness: Access to a robust benefits package that may include medical, dental, vision insurance, and wellness programs designed to support employee well-being.

• Paid Time Off: Generous paid time off policies to support work-life balance and employee rejuvenation.

• Professional Development: Opportunities for continuous learning, including access to training resources, conferences, and internal mentorship programs to foster career growth.

• Flexible Work Arrangements: While fully remote, HubSpot emphasizes building connections through occasional in-person events for onboarding and team summits, supporting a hybrid approach to collaboration.

Working Hours: Standard full-time hours are expected, typically around 40 hours per week. The role's remote nature offers flexibility in scheduling, but requires active engagement and availability during core business hours for effective collaboration with distributed teams across the USA.

📝 Enhancement Note: The provided salary range is substantial and aligns with senior-level technical roles in the US tech market, especially for a remote position at a well-established company like HubSpot. The benefits listed are standard for senior tech roles and include equity, which is a significant component of total compensation. The mention of occasional in-person events for remote employees is a key detail for understanding the work arrangement beyond just "remote."

🎯 Team & Company Context

🏢 Company Culture

Industry: Software/Technology, specifically focused on CRM, Marketing, Sales, and Service platforms. HubSpot is a leader in the Inbound Marketing and Sales methodology.

Company Size: HubSpot is a large, publicly traded company with a significant global presence, employing thousands of individuals. This size implies structured processes, established career paths, and a wide array of internal resources and opportunities. For operations professionals, this often means working within defined frameworks but also having the potential to influence and scale processes across a large organization.

Founded: HubSpot was founded in 2006. This history suggests a mature company with established product lines, a developed company culture, and a proven track record in the SaaS market.

Team Structure:

• Design Systems Team: A specialized, multidisciplinary team comprising designers, engineers, and technologists focused on building and evolving the company's core design system. This team likely operates with a degree of autonomy while maintaining strong interdependencies with product design and engineering departments.

• Reporting Structure: The role likely reports into a Design Systems Lead, Manager, or Director, who oversees the strategy and execution of the design system. This position will collaborate closely with peers within the design systems team and across various product development squads.

• Cross-functional Collaboration: Expect deep collaboration with Product Designers, Software Engineers, Product Managers, and potentially UX Researchers and Design Operations specialists. The design system serves as a critical bridge between these functions.

Methodology:

• Data-Driven Design & Development: Insights from product usage, user feedback, and A/B testing are likely used to inform design system evolution.

• Iterative Development: The design system is treated as a product itself, with continuous iteration, improvement, and adoption strategies.

• Agile & Lean Principles: Development and contribution processes likely follow agile methodologies, emphasizing rapid iteration, feedback loops, and efficient delivery.

• Customer-Centricity: The ultimate goal is to enhance the customer experience through consistent, high-quality product interfaces.

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

📝 Enhancement Note: HubSpot's established presence and focus on customer platforms mean the Design Systems team plays a critical role in maintaining product quality and development efficiency at scale. The company's emphasis on its culture and values suggests that alignment with these will be important for success in the role.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a "Senior Design Technologist II," indicating a mid-to-senior individual contributor level. It signifies a need for someone with substantial experience who can operate with significant autonomy, tackle complex technical challenges within the design system, and influence technical direction. This level typically involves mentoring junior team members and taking ownership of key system areas.

Reporting Structure: The Senior Design Technologist II will likely report to a Design Systems Manager or Lead. They will work closely with peers in design and engineering, acting as a key technical liaison for the design system.

Operations Impact: The design system is a foundational element for product development. By improving the design system, this role directly impacts:

• Development Efficiency: Reducing duplicated effort and accelerating feature delivery for product teams.

• Product Consistency & Quality: Ensuring a cohesive and high-quality user experience across all HubSpot products.

• Scalability: Enabling the product to grow and adapt to new features and market demands without compromising user experience.

• Accessibility & Inclusivity: Ensuring HubSpot's products are usable and welcoming to a diverse global user base.

Growth Opportunities:

• Technical Specialization: Deepen expertise in specific areas of design systems, front-end architecture, prototyping, or emerging technologies like AI-assisted design tools.

• Leadership Development: Progress into technical leadership roles, such as Design Systems Lead, Staff Design Technologist, or potentially managing a team of design technologists.

• Cross-Functional Mobility: Develop a broad understanding of product development and potentially transition into specialized engineering roles, product management, or design operations leadership.

• Mentorship & Influence: Gain opportunities to mentor junior team members and influence the strategic direction of the design system and its adoption across the organization.

📝 Enhancement Note: The "Senior II" title suggests a role that offers significant growth potential beyond just individual contribution. It's a stepping stone towards more senior technical leadership or specialized expert roles within a large tech organization. The impact is broad, touching multiple product areas and engineering teams.

🌐 Work Environment

Office Type: While the role is "Remote - USA," HubSpot has a hybrid work model. This means the company maintains physical office spaces, and employees, even remote ones, may be expected to travel to a regional HubSpot office for onboarding, team summits, and other in-person collaboration events. This provides a blend of remote flexibility with intentional in-person connection.

Office Location(s): HubSpot has offices in various locations, including Cambridge, MA, and others globally. For this remote role, the expectation is to align with US time zones, and occasional travel to a US-based HubSpot office for specific events is likely.

Workspace Context:

• Collaborative Digital Environment: Expect a highly collaborative digital workspace utilizing tools like Slack, Zoom, Jira, and sophisticated design/development platforms.

• Tooling & Technology: Access to a robust technology stack, including modern IDEs, design software (Figma), version control systems (Git), and internal development environments.

• Team Interaction: Regular virtual stand-ups, design reviews, and collaborative working sessions with distributed team members. The emphasis is on asynchronous communication where possible, supplemented by scheduled synchronous interactions.

Work Schedule: The role is full-time (approximately 40 hours/week). While remote, there's an expectation to be available and responsive during core US business hours to facilitate seamless collaboration with colleagues across different time zones. Flexibility is provided, but effective teamwork requires proactive communication and availability.

📝 Enhancement Note: The "Remote - USA" designation doesn't mean purely remote work without any office interaction. HubSpot's hybrid approach means occasional travel to offices for key events is part of the expectation, even for remote employees. This is a crucial detail for candidates to understand.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter will review your application and potentially conduct a brief introductory call to assess basic qualifications and cultural fit.

• Technical Interview(s): Expect one or more in-depth technical interviews focusing on your front-end development skills (HTML, CSS, JavaScript, React), design systems knowledge, and problem-solving abilities. This may involve live coding exercises or discussions of technical challenges.

• Portfolio Review Session: A dedicated session where you will walk through selected case studies from your portfolio, explaining your contributions, technical approach, and the impact of your work. Be prepared to discuss your design system philosophy and contributions in detail.

• Cross-Functional Collaboration Interview: An interview with designers and engineers you would be collaborating with, assessing your ability to communicate technical concepts, provide constructive feedback, and work effectively in a team environment.

• Hiring Manager/Director Interview: A final discussion with the hiring manager or director to assess strategic thinking, leadership potential, and overall fit with the team and company culture.

Portfolio Review Tips:

• Curate Selectively: Choose 3-4 of your strongest projects that best represent your skills in design systems, front-end development, and problem-solving.

• Structure Your Narratives: For each project, clearly articulate:

  • The Problem: What challenge were you trying to solve?
  • Your Role & Contribution: What specifically did you do?
  • The Solution: How did you approach the problem technically and systematically?
  • The Outcome/Impact: What were the results? Quantify improvements (e.g., reduced development time, increased consistency, improved accessibility scores) whenever possible.

• Showcase Technical Depth: Be ready to discuss the technical architecture of your solutions, trade-offs made, and specific code implementations.

• Highlight Design System Thinking: Emphasize how your work contributed to scalability, reusability, consistency, and maintainability within a system context.

• Prepare for Questions: Anticipate questions about your design philosophy, how you handle disagreements, your approach to accessibility, and how you stay current with technology.

Challenge Preparation:

• System Design Scenario: Be prepared for a hypothetical scenario where you might be asked to design a new component or pattern for the design system, or suggest improvements to an existing one. Focus on the process, considerations (accessibility, scalability, performance), and technical implementation.

• Code Review/Debugging: You might be asked to review a piece of code or debug a front-end issue, assessing your analytical skills and understanding of best practices.

• Presentation Skills: Practice articulating complex technical ideas clearly and concisely, especially when explaining your portfolio projects.

📝 Enhancement Note: The interview process emphasizes a strong technical assessment combined with a deep dive into portfolio work. Candidates should prepare to not only demonstrate technical proficiency but also their strategic thinking, collaborative abilities, and understanding of how design systems function within a larger product organization.

🛠 Tools & Technology Stack

Primary Tools:

• Front-End Framework: React.js (primary focus)

• Core Web Technologies: HTML5, CSS3 (including preprocessors like Sass/LESS), Modern JavaScript (ES6+)

• Version Control: Git (e.g., GitHub, GitLab, Bitbucket)

• Design Software: Figma (highly likely for design collaboration and prototyping)

• Prototyping Tools: Advanced capabilities within Figma, or potentially specialized tools like Framer, Principle, etc., for complex interactions.

Analytics & Reporting:

• Product Analytics: Tools like Amplitude, Mixpanel, or internal HubSpot analytics for understanding component usage and user behavior within products.

• Performance Monitoring: Tools for front-end performance analysis (e.g., Lighthouse, WebPageTest, or integrated browser dev tools).

CRM & Automation:

• Internal CRM: HubSpot's own CRM platform will be central to understanding customer data and product usage.

• Automation Tools: Potential use of CI/CD pipelines, scripting languages (e.g., Python for tooling), or task automation within build processes.

• Collaboration & Project Management: Slack, Jira, Asana, Confluence (or similar platforms) for communication, task tracking, and documentation.

📝 Enhancement Note: The technology stack is heavily centered around modern front-end development practices, with React and associated tooling being paramount. Proficiency with design collaboration tools like Figma is also critical, given the nature of design systems work.

👥 Team Culture & Values

Operations Values:

• Solve for the Customer: All work, including design system development, must ultimately serve the customer by improving their experience with HubSpot's products.

• Be Bold: Encouragement to take initiative, propose innovative solutions, and push boundaries in design and technology.

• Learn Fast: A commitment to continuous learning, rapid iteration, and adapting to new information and technologies.

• Align, Adapt & Go!: The ability to align on strategic goals, adapt to changing circumstances, and execute with speed and decisiveness.

• Deliver with HEART: A focus on Humility, Empathy, Action, Results, and Transparency in all interactions and deliverables.

Collaboration Style:

• Cross-functional Integration: A strong emphasis on breaking down silos and fostering seamless collaboration between design, engineering, and product management.

• Constructive Feedback Culture: Openness to giving and receiving feedback to drive continuous improvement in both technical solutions and team processes.

• Knowledge Sharing: A culture that promotes sharing insights, best practices, and learnings through documentation, presentations, and informal discussions.

• Ownership & Accountability: Team members are empowered to take ownership of their work and are accountable for delivering high-quality results.

📝 Enhancement Note: HubSpot's stated values are deeply embedded in their culture. For a Design Technologist, demonstrating these values through actions like customer focus in component design, boldness in proposing new technical solutions, and a learning mindset for new technologies will be key to fitting into the team.

⚡ Challenges & Growth Opportunities

Challenges:

• Scaling Complexity: As HubSpot's product suite grows, ensuring the design system can effectively scale to meet the increasing demands for new components, patterns, and features will be a continuous challenge.

• Balancing Standardization vs. Flexibility: Finding the optimal balance between enforcing strict standards for consistency and allowing product teams the flexibility they need to innovate and meet specific user needs.

• Driving Adoption: Encouraging and supporting diverse engineering and design teams across the organization to consistently adopt and correctly utilize the design system.

• Keeping Pace with Technology: Continuously evaluating and integrating new front-end technologies, interaction patterns, and AI advancements into the design system without introducing unnecessary complexity or instability.

Learning & Development Opportunities:

• Advanced Technical Skills: Opportunities to deepen expertise in areas like performance optimization, accessibility standards, advanced JavaScript patterns, and emerging front-end frameworks or tools.

• Design Systems Strategy: Gain exposure to and contribute to the strategic planning and roadmap development for a large-scale design system.

• Cross-Disciplinary Knowledge: Develop a comprehensive understanding of product management, UX research, and the broader software development lifecycle at HubSpot.

• Mentorship & Leadership: Potential to mentor junior technologists and contribute to technical leadership initiatives within the design systems domain.

📝 Enhancement Note: The challenges are inherent to working with design systems in a large, fast-growing tech company. The growth opportunities are significant, offering paths for both deep technical specialization and broader leadership development.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you had to balance strict design system standards with a unique product team requirement. How did you navigate that situation?" (Assesses judgment, collaboration, and problem-solving.)

• "How do you approach translating complex design interactions into scalable, reusable front-end code? Walk us through your process." (Assesses technical approach, systems thinking, and prototyping skills.)

• "What are the key considerations when building accessible components for a design system? How do you ensure these are implemented correctly across different product teams?" (Assesses accessibility expertise and adoption strategies.)

• "Imagine we need to introduce a new pattern for AI-driven user assistance into our design system. What would be your initial steps, and what technical considerations would you prioritize?" (Assesses strategic thinking, technical foresight, and understanding of emerging technologies.) Company & Culture Questions:

• "Based on your research, how do you see HubSpot's company values (Solve for the Customer, Be Bold, Learn Fast, Align, Adapt & Go!, Deliver with HEART) influencing the work of a Design Technologist?" (Assesses cultural alignment and understanding of the company's ethos.)

• "How would you contribute to a remote-first team culture that also values occasional in-person connection?" (Assesses understanding of hybrid work models and collaboration.)

• "Describe your experience working with cross-functional teams. How do you build trust and ensure effective communication between design and engineering?" (Assesses collaboration and communication skills.) Portfolio Presentation Strategy:

• Start with the "Why": Clearly articulate the problem your portfolio project aimed to solve and its significance.

• Detail Your Role & Contribution: Be specific about your individual actions and technical decisions. Use "I" statements for your direct contributions.

• Showcase the "How": Explain your technical approach, the tools and technologies you used, and any innovative solutions you implemented. This is where you demonstrate your craft.

• Quantify the Impact: Whenever possible, present metrics that demonstrate the success of your work (e.g., improved efficiency, reduced bugs, increased adoption rates).

• Be Ready for Deep Dives: Anticipate technical questions about your code, architecture, and design decisions. Be prepared to discuss trade-offs and alternatives.

• Connect to HubSpot: Where possible, draw parallels between your past work and the challenges or opportunities at HubSpot.

📝 Enhancement Note: Interview preparation should focus on demonstrating a blend of technical expertise, strategic thinking, collaborative capabilities, and a deep understanding of design systems principles. Candidates should be ready to articulate their process and impact with concrete examples.

📌 Application Steps

To apply for this Senior Design Technologist II - Design Systems position:

• Submit your application through the HubSpot careers portal (https://www.hubspot.com/careers/jobs/8059317?gh_jid=8059317).

• Curate Your Portfolio: Select 2-4 of your most impactful projects that showcase your design systems, front-end development, and problem-solving skills. Prioritize projects with clear outcomes and technical depth.

• Optimize Your Resume: Tailor your resume to highlight keywords and responsibilities mentioned in this job description, such as "Design Systems," "React," "HTML/CSS/JavaScript," "Prototyping," "Accessibility," and "Systems Thinking." Quantify achievements where possible.

• Prepare Your Portfolio Walkthrough: Practice presenting your selected portfolio projects, focusing on problem, solution, your role, and measurable impact. Be ready to discuss technical details and design system philosophy.

• Research HubSpot: Understand HubSpot's product suite, its core values, and its position in the market. Familiarize yourself with their design system principles if publicly available.

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