Senior Design Technologist, AI Tooling

📍 Job Overview

Job Title: Senior Design Technologist, AI Tooling

Company: Superhuman

Location: San Francisco, California, United States

Job Type: FULL_TIME

Category: Design Technology / Operations

Date Posted: 2026-06-22

Experience Level: 10+ Years

Remote Status: Hybrid (with flexibility for remote work within the US)

🚀 Role Summary

• Lead AI prototyping and internal tooling initiatives to ensure design precision, cohesion, accessibility, and brand consistency across an AI-native platform.

• Develop high-fidelity, interactive prototypes and custom AI API integrations to bridge the gap between speculative product ideas and production deployment.

• Build AI-assisted design tooling, including prototyping frameworks, customized AI generation tools, and micro-interaction systems.

• Collaborate closely with Product, Engineering, and Design teams to guide AI integration into design workflows from experimentation to production.

📝 Enhancement Note: While the job title is "Senior Design Technologist," the responsibilities heavily lean into operations for the design function, focusing on building systems, tools, and processes that enable efficiency, consistency, and scalability. This role acts as a critical operational bridge between design ideation and engineering execution, leveraging AI to optimize workflows. The "AI Tooling" aspect signifies a deep dive into operationalizing AI within creative and product development processes.

📈 Primary Responsibilities

• Build high-fidelity, interactive prototypes that bring speculative and near-term product ideas to life for research, stakeholder alignment, and product decision-making.

• Develop and refine internal tools to support Design workflows, utilizing AI tooling and writing clean front-end code (HTML/CSS/JavaScript, React) for micro-interactions and production-ready prototypes.

• Construct custom AI API integrations, structured outputs, workflows, and skills that align with Superhuman's design tokens, components, accessibility standards, and motion system.

• Create surface templates and prompting frameworks to accelerate prototyping experimentation across the entire design organization.

• Partner with Design System and Accessibility teams to develop tools that enhance the efficiency and scalability of their work, ensuring adherence to design principles and standards.

• Define and implement how AI integrates into front-end workflows, including validation, CI checks, token enforcement, and refactoring for cohesion and maintainability.

• Introduce on-brand motion and micro-interactions that elevate clarity, user delight, and overall product experience.

• Develop reusable prototyping frameworks and internal tooling that empower the broader team to explore and validate ideas more rapidly, fostering innovation.

• Contribute to defining Superhuman's long-term approach to AI-native design, influencing interaction patterns, design principles, and prototyping practices.

📝 Enhancement Note: The responsibilities highlight a strong focus on process development and systemization, which are core to operations. Building frameworks, defining integration points for AI, and ensuring consistency through tooling are all operational activities designed to improve the efficiency and quality of the design output. The emphasis on "AI-native design" suggests a need to operationalize new ways of working.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong educational foundation in a related field (e.g., Computer Science, Interaction Design, Human-Computer Interaction, Fine Arts) is implied by the experience and technical requirements.

Experience: 8+ years of progressive experience in creative technology, design engineering, interaction design, or advanced prototyping, with a demonstrated track record of technical sophistication and strong design instincts.

Required Skills:

• Proven experience building interactive experiences powered by LLMs (e.g., Claude, OpenAI, Gemini APIs), where AI behavior is integral to the interaction design, not just a UI element.

• Fluency in Figma's advanced capabilities, including Variables, Advanced Prototyping, Plugins API, and REST API integration.

• Strong front-end development skills in HTML, CSS, JavaScript, and React, sufficient to build functional prototypes at high fidelity.

• Experience with rapid, code-adjacent prototyping tools such as Claude Code, Framer, or Cursor.

• Deep understanding of AI API integration concepts: streaming, prompt engineering, structured outputs, and tool use.

• Experience building structured prompts, automation frameworks, or code-generation recipes.

• Profound understanding of design tokens, theming systems, and component architecture.

• Working knowledge of accessibility standards (WCAG) and inclusive design best practices.

• Familiarity with motion and interaction design tools such as Framer Motion, After Effects, or Lottie.

• Ability to move at a fast pace while maintaining high quality, calibrating fidelity to the specific question being addressed.

• Aptitude for thinking in terms of scalable systems, abstractions, and long-term frameworks.

• Excellent communication and collaboration skills, with the ability to work effectively alongside researchers, designers, and engineers.

• A keen eye for clarity, usability, and delightful details in user interfaces. Preferred Skills:

• Experience building or fine-tuning LLM-powered features, agents, or tool-use flows.

• Familiarity with WebGL, Three.js, Spline, or generative/creative coding techniques.

• Background in product design, front-end engineering, or UX research.

• A history of publicly sharing work through talks, open-source contributions, or influential prototypes.

📝 Enhancement Note: The "8+ years" experience level, combined with the specific technical requirements and the emphasis on building scalable systems and frameworks, suggests this role operates at a senior or lead level within design operations or a specialized design technology function. The requirement to "think in scalable systems, abstractions, and long-term frameworks" is a direct indicator of operational thinking.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio demonstrating a minimum of 8+ years of experience in creative technology, design engineering, or advanced prototyping.

• Case studies showcasing the development of interactive experiences powered by LLMs, detailing the AI integration into the core interaction design and user flow.

• Examples of collaboration with Design Systems and Accessibility teams, highlighting contributions to standardized components, accessibility compliance, and design token integration.

• Demonstrations of proficiency in Figma's advanced features and API capabilities, including how these were leveraged for complex prototyping or tool development.

• Code samples or live examples of front-end development (HTML, CSS, JavaScript, React) used for building production-ready prototypes or internal tooling.

• Evidence of experience with rapid prototyping tools (e.g., Framer, Cursor) and AI API integrations (e.g., streaming, prompt engineering). Process Documentation:

• Detailed documentation of workflows for integrating AI into design processes, from experimental phases to production deployment, including validation and CI checks.

• Frameworks or templates developed for accelerating prototyping experimentation, with clear guidelines on their usage and benefits.

• Examples of custom AI API integrations, structured outputs, workflows, and skills that align with design tokens, components, and accessibility standards.

• Demonstrations of how reusable prototyping frameworks and internal tooling have been developed and deployed to enhance team efficiency.

📝 Enhancement Note: The emphasis on a portfolio that showcases "scalable systems, abstractions, and long-term frameworks" and "AI integration into design workflows" strongly implies that candidates will be evaluated on their ability to build and maintain operational systems within the design organization. This is beyond simple design execution and points to a structured, process-oriented approach.

💵 Compensation & Benefits

Salary Range:

Based on industry benchmarks for Senior Design Technologists/AI Tooling specialists in San Francisco, California, with 8-10+ years of experience:

• Estimated Range: $160,000 - $220,000 USD per year.

• Explanation: This estimate is derived from market data for senior technical design roles in high-cost-of-living areas like San Francisco, considering the specialized nature of AI tooling and LLM integration. Factors include the blend of design and engineering skills, the specific AI technologies mentioned (LLMs, API integrations), and the seniority implied by "8+ years" and "lead" responsibilities. Superhuman's compensation approach is market-based, and location-specific zones will influence the final offer.

Benefits:

Superhuman offers a comprehensive benefits package designed to support employee well-being and professional growth:

• Excellent health care coverage, including medical, dental, vision, mental health, and fertility benefits.

• Disability and life insurance options.

• Retirement savings support through 401(k) and RRSP matching.

• Generous paid parental leave.

• A robust time-off policy: 20 days of paid time off, 12 paid holidays, two floating holidays, and flexible sick time.

• Various stipends to support personal and professional needs, including caregiving, pet care, wellness, and home office setup.

• An annual budget dedicated to professional development, encouraging continuous learning and skill enhancement. Working Hours:

The role is full-time, typically requiring approximately 40 hours per week. The company emphasizes flexibility, allowing for hybrid work arrangements and accommodating various time zones within the United States for collaboration, with specific in-office expectations likely to be defined within the hybrid model.

📝 Enhancement Note: The "market-based approach to compensation" and "compensation zones" indicate that while a general range can be provided, the final salary will be highly dependent on the candidate's specific location within the US and the company's internal banding for that zone. The comprehensive benefits package is typical for tech companies and aims to attract and retain top talent.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology (AI Productivity Platform, Software Development, SaaS)

Company Size: Superhuman has grown significantly, acquiring Grammarly. While specific recent numbers are dynamic, they operate at a scale that supports a dedicated Design Foundations team and advanced AI initiatives, indicating a mid-to-large-sized organization with a significant engineering and design footprint.

Founded: Superhuman was founded in 2009. The acquisition of Grammarly (founded 2009) and the integration of Coda (founded 2014) and Mail (part of Superhuman's core offering) signify a company that is strategically growing and consolidating AI and productivity tools.

Team Structure:

• The role is within the "Design Foundations" team, suggesting a specialized group focused on core design systems, tooling, and principles.

• This team likely works closely with broader Product Design, Engineering, Research, and Design System teams.

• Reporting structure is likely to a Design Lead or Director, with direct collaboration across multiple functional departments. Methodology:

• Data-Driven & AI-Centric: The company's mission and product suite (Grammarly, Coda, Mail, Go assistant) highlight a strong reliance on AI and data to enhance productivity and user experience.

• Iterative Prototyping & Validation: The role emphasizes building prototypes for research and product decision-making, indicating a commitment to iterative development and user validation.

• Scalable Systems & Design Integrity: The focus on design tokens, component architecture, and AI integration into workflows points to a methodology that prioritizes consistency, maintainability, and scalability.

Company Website: https://superhuman.com/

📝 Enhancement Note: The integration of multiple AI-focused companies (Grammarly, Coda) into Superhuman signals a strategic direction towards operationalizing AI across a broad productivity suite. The "Design Foundations" team acts as a critical operational hub for maintaining quality and consistency in this expanding AI-driven ecosystem.

📈 Career & Growth Analysis

Operations Career Level: This position is a "Senior" role, signifying a lead individual contributor capacity. It's positioned at a level where strategic thinking about processes, systems, and tooling development is paramount, rather than just execution. It sits at the intersection of advanced design craft and technical operations for the design function.

Reporting Structure: The Senior Design Technologist will likely report to a Design Manager or Director within the Design Foundations or Product Design leadership structure. They will collaborate extensively with Product Managers, Engineering Leads, and other designers, acting as a technical and process-oriented bridge.

Operations Impact: This role's impact is through operationalizing AI within design. By building robust tooling, frameworks, and AI integrations, this individual will directly influence the speed, quality, consistency, and scalability of design output across Superhuman's AI-native platform. This translates to a more efficient product development cycle and a higher-quality user experience, ultimately driving business objectives.

Growth Opportunities:

• Deep Specialization: Opportunity to become a leading expert in AI-native design tooling and methodologies, shaping the future of design at Superhuman.

• Leadership in Design Systems: Potential to influence and expand the core design system and its AI-driven enhancements.

• Cross-Functional Influence: Develop strong relationships and influence across Product, Engineering, and Research, potentially leading to broader strategic roles.

• Mentorship: As a senior member, opportunities to mentor junior designers and technologists, guiding their technical and process development.

• Industry Impact: Contributions could influence how AI is integrated into design workflows across the industry, especially with Superhuman's prominent market position.

📝 Enhancement Note: The role is designed for someone who can operate with a high degree of autonomy and strategic foresight, akin to an operational leader for design technology. The growth potential leans towards becoming a subject matter expert and a key influencer in how design operates at Superhuman.

🌐 Work Environment

Office Type: Superhuman operates a hybrid work model. While remote work within the US is supported, the company likely maintains office spaces in key hubs like San Francisco, fostering in-person collaboration for specific team events, strategic planning, and team building.

Office Location(s): San Francisco, California, United States is listed as a primary location. Given the company's growth and acquisition strategy, other US locations may also be supported.

Workspace Context:

• Collaborative Environment: The role requires close collaboration with Product, Engineering, and Design, suggesting an environment that encourages open communication, knowledge sharing, and cross-functional teamwork.

• Technology-Rich: Access to cutting-edge AI tools, design software, and development environments will be standard. The role itself is about enhancing this technological ecosystem.

• Innovation-Focused: Working on AI tooling and prototyping implies an environment that supports experimentation, rapid iteration, and pushing the boundaries of design technology.

Work Schedule: A standard full-time schedule (approx. 40 hours/week) is expected. The hybrid nature and remote flexibility within the US allow for some autonomy in managing work hours, provided that collaboration needs and project deadlines are met. This flexibility is crucial for roles that involve deep technical work and complex problem-solving.

📝 Enhancement Note: The hybrid model and emphasis on collaboration suggest a structured approach to team interaction, balancing individual deep work with necessary team synchronization, a common operational consideration for modern tech companies.

📄 Application & Portfolio Review Process

Interview Process:

1. Initial Screening: A recruiter or hiring manager will review your resume and portfolio to assess alignment with the core requirements. Be prepared to articulate your experience with AI, prototyping, and front-end development.

2. Technical/Portfolio Deep Dive: This stage will likely involve a conversation with members of the Design Foundations team or senior designers/engineers. They will ask detailed questions about your portfolio projects, focusing on your process, technical challenges, AI integrations, and problem-solving approach. Be ready to walk through specific examples and explain your design and technical decisions.

3. Design Challenge/Exercise: You may be given a take-home assignment or a live coding/prototyping exercise. This will assess your ability to build high-fidelity prototypes, integrate AI concepts, and adhere to design system principles. The focus will be on your approach to problem-solving, efficiency, and the quality of your output.

4. Cross-Functional Interviews: You will likely meet with Product Managers and Engineers to evaluate your collaboration skills, communication style, and ability to "speak all three languages" (design, engineering, research).

5. Final Round/Leadership Interview: A discussion with design leadership to assess strategic thinking, cultural fit, and overall alignment with Superhuman's mission and values.

Portfolio Review Tips:

• Showcase AI Integration: Clearly highlight projects where you've leveraged LLMs or AI APIs to create unique interactive experiences. Detail the prompt engineering, API calls, and how AI influenced the interaction design.

• Demonstrate Technical Prowess: Include examples of clean, production-ready prototype code (React, JS, HTML/CSS). Showcase your proficiency with Figma's advanced features and APIs.

• Focus on Process & Systems: For each project, explain your methodology, how you built scalable systems, designed abstractions, and considered long-term frameworks. If you developed internal tooling or frameworks, provide details on their impact.

• Highlight Design System & Accessibility Contributions: Show how you've worked with or contributed to design systems and ensured accessibility standards (WCAG) are met through your tooling or prototypes.

• Quantify Impact: Where possible, use metrics to demonstrate the efficiency gains or quality improvements your work has brought.

• Tell a Story: Structure your portfolio pieces as narratives. Explain the problem, your approach, the technical and design challenges, your solutions, and the outcome.

Challenge Preparation:

• Practice Prototyping: Be ready to quickly build interactive prototypes using tools like Figma, Framer, or code. Focus on responsiveness and core functionality.

• AI Prompting & API Integration: Familiarize yourself with common AI API patterns (streaming, structured outputs) and practice crafting effective prompts for various use cases.

• Design System Application: Understand how to apply design tokens, components, and accessibility guidelines within your prototypes.

• Communication: Practice articulating your thought process clearly and concisely, especially when explaining technical trade-offs or AI integration strategies.

📝 Enhancement Note: The interview process and portfolio review are heavily focused on validating technical depth, process-oriented thinking, and the ability to operationalize AI within a design context, reinforcing the role's operational significance.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: Essential for design and advanced prototyping. Proficiency in Variables, Plugins API, and REST API is required.

• Front-end Development Tools: HTML, CSS, JavaScript, React are core for building interactive prototypes and tooling.

• AI/LLM Platforms: Claude, OpenAI, Gemini APIs for integrating AI into experiences and workflows.

• Prototyping/Code-Adjacent Tools: Framer, Cursor, Claude Code for rapid development.

• Motion & Interaction Tools: Framer Motion, After Effects, Lottie for adding dynamic elements.

• Creative Coding (Preferred): WebGL, Three.js, Spline for advanced visual experiences.

Analytics & Reporting:

• While not explicitly listed, expect to work with tools that track prototype usage, user feedback, and potentially the performance of AI integrations within user flows. Collaboration with Analytics teams will be key. CRM & Automation:

• Not directly applicable to this role's core functions, but understanding how design tooling and prototypes integrate with broader product development pipelines (which may involve CRM and automation tools) is beneficial.

📝 Enhancement Note: The explicit mention of AI APIs, front-end development stacks, and advanced Figma capabilities underscores the technical and operational nature of this role, requiring candidates to be proficient in a sophisticated technology stack for building and managing design assets and workflows.

👥 Team Culture & Values

Operations Values:

• Precision & Cohesion: A strong emphasis on ensuring accuracy, consistency, and seamless integration across the AI-native platform and its design elements.

• Accessibility & Inclusivity: A commitment to building tools and experiences that are usable by everyone, adhering to WCAG standards and inclusive design principles.

• Efficiency & Scalability: A drive to create systems and processes that enable the design organization to operate more effectively and scale with the company's growth.

• Innovation & Experimentation: Encouraging exploration of new AI capabilities and prototyping methods to push the boundaries of design and product development.

• Quality & Delight: A dedication to creating high-quality, polished, and delightful user experiences, paying attention to micro-interactions and overall feel.

Collaboration Style:

• Cross-Functional Integration: Working seamlessly with Product, Engineering, and Research to translate ideas into tangible prototypes and production-ready designs.

• Shared Ownership: A collaborative approach where team members contribute to defining standards, building foundational elements, and improving workflows collectively.

• Knowledge Sharing: Actively sharing insights, tools, and best practices across design and engineering teams to foster a learning environment.

• Feedback-Driven: Open to constructive feedback on prototypes, code, and tooling to continuously improve and iterate.

📝 Enhancement Note: The emphasis on "precision, cohesion, accessibility, and brand consistency" directly speaks to the operational goals of a design foundation team, aiming to standardize and optimize the output of the entire design organization.

⚡ Challenges & Growth Opportunities

Challenges:

• Rapidly Evolving AI Landscape: Staying current with the fast-paced advancements in AI and LLMs and integrating them effectively into design workflows.

• Balancing Innovation with Consistency: Developing cutting-edge AI-powered features while maintaining brand consistency and design system integrity.

• Bridging Design and Engineering: Effectively translating complex technical concepts and AI capabilities into user-friendly designs and prototypes, and vice-versa.

• Operationalizing AI for Design: Developing robust, scalable, and maintainable tooling and frameworks that can be adopted across a large design organization.

• Defining AI-Native Design: Contributing to the nascent field of AI-native design, establishing new interaction patterns and principles.

Learning & Development Opportunities:

• AI Specialization: Deepen expertise in prompt engineering, LLM integration, and AI-driven creative tooling.

• Advanced Prototyping: Master new tools and techniques for creating highly realistic and interactive prototypes.

• Design Systems Evolution: Contribute to the growth and AI-enhancement of Superhuman's core design system.

• Cross-Disciplinary Skill Building: Enhance understanding of product management, user research methodologies, and front-end engineering best practices.

• Thought Leadership: Opportunity to shape Superhuman's AI-native design strategy and potentially influence industry best practices.

📝 Enhancement Note: The challenges inherent in this role are directly tied to operationalizing new technologies and methodologies, requiring continuous learning and adaptation, which are hallmarks of effective operations professionals.

💡 Interview Preparation

Strategy Questions:

• "Describe a time you used AI to significantly streamline a design workflow or prototyping process. What was the impact?" (Focus on process improvement, AI integration, and quantifiable results.)

• "How would you approach building a reusable prototyping framework that integrates with a design system and uses AI for content generation?" (Assess your systems thinking, design token knowledge, and AI API strategy.)

• "Walk me through a complex interactive prototype you built. What were the technical challenges, how did you overcome them, and what was your approach to ensuring design fidelity and performance?" (Demonstrate technical depth, problem-solving, and attention to detail.) Company & Culture Questions:

• "What excites you about Superhuman's mission and its approach to AI productivity?" (Show your understanding of the company's vision and your alignment with it.)

• "How do you ensure design consistency and accessibility when working with rapidly evolving AI tools and dynamic content generation?" (Address your operational approach to quality control and standards.)

• "Describe your experience collaborating with engineers and product managers. How do you communicate technical concepts to non-technical stakeholders?" (Highlight your cross-functional collaboration and communication skills.) Portfolio Presentation Strategy:

• Lead with Impact: Start by explaining the problem your portfolio project solved and the key outcomes or impact.

• Deep Dive on AI Integration: Clearly articulate how AI was used, the specific APIs or models, prompt strategies, and how it shaped the user experience.

• Showcase Technical Architecture: Explain the front-end code, Figma techniques, and any custom tooling or frameworks you built.

• Emphasize Process & Scalability: Discuss how your work can be scaled, reused, or integrated into broader design systems and workflows.

• Interactive Demo: If possible, provide a live demo or interactive walkthrough of your prototype.

• Address Accessibility & Design Principles: Explain how you incorporated accessibility standards and core design principles into your work.

📝 Enhancement Note: The interview preparation advice focuses heavily on demonstrating operational capabilities: process improvement, systems thinking, scalability, and cross-functional collaboration, all framed within the context of AI and design technology.

📌 Application Steps

To apply for this operations-adjacent design technology position:

• Submit your application through the provided link on Ashby.

• Portfolio Customization: Tailor your portfolio to prominently feature projects demonstrating your experience with AI tooling, LLM integration, advanced prototyping, and front-end development. Highlight your ability to build scalable systems and frameworks.

• Resume Optimization: Ensure your resume clearly articulates your 8+ years of experience, focusing on achievements in creative technology, design engineering, and AI-powered interactive experiences. Use keywords like "AI Prototyping," "LLM Integration," "React," "Figma API," and "Design Systems."

• Interview Preparation: Practice explaining your portfolio projects with a focus on process, technical challenges, AI strategy, and impact. Prepare to discuss how you operationalize design principles through technology.

• Company Research: Thoroughly research Superhuman's products, mission, and values, paying close attention to their AI strategy and how design contributes to their AI-native platform. Understand their approach to design foundations and tooling.

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