Design Technologist

📍 Job Overview

Job Title: Design Technologist

Company: Deputy

Location: Sydney, New South Wales, Australia

Job Type: Full Time

Category: Design Technology / Engineering Operations

Date Posted: 2026-04-27

Experience Level: Mid-Senior Level (4-6 years experience)

Remote Status: Hybrid

🚀 Role Summary

• This role is central to evolving Deputy's design system into an AI-native, machine-readable entity, focusing on bridging the gap between design intent and production code.

• You will accelerate the design-to-code execution process by leveraging AI tools for component implementation, iteration, and validation, ensuring high fidelity and quality.

• A key aspect involves empowering designers through low-friction workflows, templates, and coaching, enabling them to become proficient "design-and-build" prototypers.

• The position requires a deep understanding of modern front-end development, design system architecture, and a forward-thinking approach to integrating AI into creative and engineering processes.

📝 Enhancement Note: While the title is "Design Technologist," the responsibilities heavily lean into operations within the Design and Engineering functions, specifically focusing on process efficiency, system integration (design system), and workflow automation (AI-assisted development). This role is crucial for ensuring operational excellence in how design is translated into functional product components.

📈 Primary Responsibilities

• Design-to-Code Execution (AI-Enhanced):

  • Build and maintain production-ready UI components that precisely align with design specifications.
  • Utilize AI tools to expedite the implementation, iteration, and refinement of UI components.
  • Rigorously validate AI-generated outputs to guarantee quality, adherence to accessibility standards, and overall consistency.

• AI-Driven Design System Enablement:

  • Architect and evolve the design system (tokens, components, patterns) to be machine-readable and optimized for AI interactions.
  • Develop and refine workflows that facilitate AI-driven design-to-code generation, ensuring components contain the necessary metadata for AI to process and validate code.
  • Proactively identify opportunities where AI can minimize manual effort in component creation, maintenance, scaffolding, linting, test generation, and documentation.

• Embedded Collaboration with Design:

  • Function as an integral member of the design team, actively participating in critiques and creative explorations.
  • Provide critical technical perspectives during the design phase to ensure scalability and implementability of design outputs.
  • Educate designers on how their work can be structured to better support AI-driven development workflows.

• Tooling & Workflow Innovation:

  • Enhance the integration between design tools (e.g., Figma) and engineering outputs.
  • Employ AI to automate the generation of documentation, specifications, and component usage guidelines.
  • Explore AI-assisted methodologies for testing (visual regression, accessibility) and validation processes.
  • Prototype and experiment with novel AI-driven workflows specifically for design systems.

• Consistency, Quality & Accessibility:

  • Uphold high fidelity between design intentions and implemented UI features.
  • Ensure that accessibility and inclusive design principles are consistently applied across all components.
  • Contribute to the development of shared standards that enhance system consistency across both design and code repositories.

• Adoption & Advocacy:

  • Create comprehensive documentation and illustrative examples beneficial to both designers and engineers.

  • Provide support and guidance to teams on effectively utilizing the design system.

  • Champion workflows that optimize speed and efficiency without compromising product quality.

📝 Enhancement Note: The responsibilities emphasize a strong operational focus on process optimization and system management. The "Design-to-Code Execution" and "AI-Driven Design System Enablement" sections highlight the core operational tasks of ensuring efficient and effective translation of design into code, directly impacting product development velocity and quality.

🎓 Skills & Qualifications

Education: While no specific degree is mandated, a strong understanding of Computer Science, Human-Computer Interaction, or related fields is beneficial. Emphasis is placed on practical experience and demonstrated skills.

Experience: Approximately 4–6 years of experience in front-end engineering, design engineering, or dedicated design systems roles. This experience should demonstrate a proven track record in building and maintaining scalable UI components and systems.

Required Skills:

• Front-end Development: Strong proficiency in HTML, CSS, and JavaScript/TypeScript.

• Framework Experience: Proven experience building UI components using modern JavaScript frameworks such as Vue.js or React.

• Design Tool Proficiency: Experience working closely with design tools like Figma, including understanding of design tokens, variants, and component structures.

• Design Sensibility: A keen eye for detail, with strong aesthetic and interaction design principles.

• AI Integration: Demonstrated experience or a strong, proactive interest in AI-assisted design and development workflows.

• Accessibility & Inclusion: Solid understanding of accessibility standards (e.g., WCAG) and inclusive design practices.

• Design Systems: Familiarity with design token methodologies and the architectural principles of design systems that span both design and code.

• Cross-Disciplinary Fluency: Ability to operate effectively and communicate clearly in both design and engineering contexts.

Preferred Skills:

• Experience with AI tools for code generation, debugging, or documentation.

• Familiarity with unit testing, integration testing, and visual regression testing frameworks.

• Exposure to CI/CD pipelines and automated build processes.

• Experience contributing to open-source design system projects.

• Knowledge of design system governance models and adoption strategies.

• Experience with component libraries and package management (e.g., npm, Yarn).

📝 Enhancement Note: The "Required Skills" are directly tied to the operational execution of translating design into code. Proficiency in specific technologies and methodologies directly supports the role's objective of creating efficient, scalable, and maintainable UI systems, which is a core operational function. The emphasis on AI integration signals a focus on future-proofing these operational workflows.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Component Library Showcase: Demonstrate a portfolio of meticulously crafted UI components, highlighting best practices in code structure, maintainability, and adherence to design specifications.

• Design System Architecture: Include examples or detailed explanations of how you've structured or contributed to a design system, emphasizing scalability, tokenization, and cross-platform consistency.

• AI Workflow Integration: Showcase any projects where AI tools were leveraged to accelerate design-to-code processes, component generation, testing, or documentation. Detail the problem, the AI solution, and the measurable impact.

• Accessibility & Quality Assurance: Present case studies or examples that illustrate your commitment to accessibility standards and quality assurance processes, such as automated testing or rigorous validation methods.

• Cross-Functional Collaboration Artifacts: Include examples of documentation, presentations, or prototypes that effectively bridge the gap between design and engineering, demonstrating clear communication and shared understanding.

Process Documentation:

• Workflow Design & Optimization: Detail your process for designing and optimizing workflows, particularly those involving design handoffs, component development, and AI tool integration.

• System Implementation & Automation: Provide evidence of your ability to implement and automate processes within design systems and development pipelines, with a focus on efficiency gains.

• Measurement & Performance Analysis: Show how you measure the success and impact of design system components and workflows, using metrics related to development speed, code quality, consistency, and adoption.

📝 Enhancement Note: For a "Design Technologist" role, especially one focused on AI and design systems, a portfolio is paramount. It serves as tangible proof of operational capability in translating abstract design concepts into executable code and efficient processes. The emphasis on AI integration means portfolios should ideally showcase practical applications of AI in development workflows, demonstrating an operational advantage.

💵 Compensation & Benefits

Salary Range: For a Design Technologist with 4-6 years of experience in Sydney, Australia, the estimated annual salary range is AUD $120,000 - $160,000. This estimate considers the role's technical demands, the emphasis on AI integration, and the cost of living in Sydney.

Benefits:

• Flexible Work Policy: Enjoy a flexible work environment, allowing for better work-life integration.

• Work-from-Home Stipend: Receive a stipend to enhance your home office setup for optimal productivity.

• Employee Share Ownership Plan (ESOP): Gain ownership in Deputy through the ESOP, aligning your success with the company's growth.

• Paid Parental Leave: Comprehensive paid parental leave to support new parents.

• Group Salary Continuance Insurance: Financial protection in case of extended illness or injury.

• Employee Assistance Program (EAP): Access confidential professional support for personal and work-related challenges.

• Additional Leave: Benefit from extra leave days, including study assistance, celebration days, and volunteering opportunities.

• Global Working Groups: Participate in company-wide groups focused on collaboration, belonging, and connection.

• Annual Hackathons: Engage in creative problem-solving and innovation through company-sponsored hackathons.

• Novated Leasing: Access attractive novated leasing options, particularly for electric vehicles.

• Internet Reimbursement: Assistance with internet costs for remote or hybrid work setups.

Working Hours: The role is typically based on a standard 40-hour work week, with flexibility offered through the company's hybrid work policy. This allows for a balance between in-office collaboration and remote work, catering to individual productivity needs.

📝 Enhancement Note: The salary estimate is based on industry benchmarks for similar roles in Sydney, Australia, considering the specified experience level and the advanced technical and operational requirements of integrating AI into design systems. The benefits package is extensive, reflecting a company culture that values employee well-being and professional development, which is attractive to operations professionals seeking long-term career stability.

🎯 Team & Company Context

🏢 Company Culture

Industry: Deputy operates within the Software as a Service (SaaS) sector, specializing in Workforce Management solutions. Their focus is on transforming the experience of frontline, hourly workers, making them a key player in HR Tech and operational efficiency for businesses with distributed workforces.

Company Size: Deputy is a global SaaS company that has achieved Unicorn status, indicating significant growth and market validation. With operations and team members across Sydney, Melbourne, San Francisco, and London, plus remote workers, it suggests a company size likely in the range of 500-1000+ employees, offering a dynamic and scaling environment.

Founded: Founded with a mission to improve the world of work, Deputy's history is rooted in addressing the specific needs of hourly workers, which has driven its product development and market expansion. This founding principle likely influences its current culture and strategic direction, including its commitment to becoming an "AI-native" company.

Team Structure:

• The Design Technologist will be part of the Design function, working closely with both designers and engineers. This implies a collaborative structure where technical expertise is embedded within creative teams to ensure feasibility and efficiency.

• The role likely reports into a Design Lead or Head of Design/Product, with frequent interaction with Engineering teams and potentially Product Managers.

Methodology:

• AI-Native Approach: Deputy is actively embracing AI across its operations, empowering employees to use AI tools for idea generation, problem-solving, and innovation. This suggests a culture that encourages experimentation and adoption of new technologies.

• Data-Driven Design & Development: The emphasis on validating AI outputs and ensuring high fidelity between design and code points to a data-driven approach to product development, where outcomes are measured and iterated upon.

• Process Optimization: The core of this role is about optimizing workflows, particularly the design-to-code pipeline, through system design and AI integration, reflecting a strong focus on operational efficiency.

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

📝 Enhancement Note: Understanding Deputy's focus on frontline workers and its transition to an AI-native company is critical. For an operations-focused role like Design Technologist, this context highlights the company's commitment to innovation and efficiency, setting expectations for how technology and process improvements are valued.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned at a mid-to-senior level, requiring substantial experience (4-6 years) in specialized areas like front-end engineering and design systems. It's not an entry-level position but rather one that expects independent contribution and the ability to influence technical and design operations. The "Technologist" aspect implies a blend of technical depth and strategic thinking about how technology can optimize processes.

Reporting Structure: The Design Technologist will likely report to a Design Lead or Manager within the Design department. However, due to the hybrid nature of the role, they will collaborate extensively with front-end engineering teams, product managers, and potentially AI specialists. This cross-functional reporting and collaboration are common in operations roles that bridge different departments.

Operations Impact: The Design Technologist's impact is significant, directly influencing the efficiency and quality of product development. By creating an AI-native design system and optimizing the design-to-code workflow, they contribute to:

• Faster Time-to-Market: Reducing the manual effort in component creation and iteration.

• Improved Product Consistency: Ensuring a unified user experience across the platform.

• Enhanced Developer Productivity: Providing robust, well-documented, and reusable components.

• Innovation in Design Processes: Pioneering new ways to leverage AI in design and development.

Growth Opportunities:

• Specialization in AI & Design Systems: Deepen expertise in cutting-edge AI applications within design and development, becoming a go-to expert in this niche.

• Leadership in Design Operations: Progress into roles focused on leading design systems teams, defining operational strategies for design tooling, or managing design technology initiatives.

• Cross-Functional Mobility: Develop a strong understanding of both design and engineering, potentially leading to opportunities in product management or technical leadership roles.

• Mentorship: Guide junior designers and engineers on best practices for design systems, AI integration, and efficient development workflows.

📝 Enhancement Note: The career path for a Design Technologist is highly specialized and valuable in modern tech companies. The growth opportunities highlight not just technical advancement but also the potential to move into leadership roles focused on operational excellence within product development.

🌐 Work Environment

Office Type: Deputy operates on a hybrid work model, meaning the role involves a blend of working from home and in-office collaboration. The office environments in Sydney are designed to foster collaboration and innovation.

Office Location(s): The role is based in Sydney, New South Wales, Australia. Specific office details would be provided upon engagement, but typically, tech companies in Sydney offer modern, well-equipped workspaces designed for collaborative teams.

Workspace Context:

• Collaborative Hubs: Office spaces are likely equipped with meeting rooms, breakout areas, and open-plan zones to facilitate team interactions, design critiques, and brainstorming sessions.

• Technology Access: Employees will have access to the necessary hardware, software (including design and development tools), and high-speed internet required for their roles. The company's commitment to AI suggests advanced tooling will be available.

• Team Interaction: The hybrid model encourages intentional in-office days for specific collaborative activities, ensuring team members can connect, share knowledge, and build relationships effectively.

Work Schedule: A standard 40-hour work week is expected, with flexibility provided by the hybrid policy. This allows individuals to manage their schedules effectively, balancing focused work time (potentially at home) with collaborative sessions (in the office). The operational nature of the role may require some flexibility for critical deployments or problem-solving.

📝 Enhancement Note: The hybrid work environment is a significant operational consideration. It requires individuals to be self-disciplined and effective communicators, capable of managing their workflow both independently and collaboratively. The company's provision of a work-from-home stipend and focus on global working groups indicates a deliberate effort to make the hybrid model successful and inclusive.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with a recruiter to assess basic qualifications, cultural fit, and interest in the role.

• Technical Interview(s): In-depth discussions focusing on front-end development skills, JavaScript/TypeScript, framework knowledge (Vue/React), CSS, and HTML. Expect coding challenges or pair programming sessions.

• Design System & AI Focus: Interviews specifically exploring your experience with design systems, design tokens, Figma, and your understanding and application of AI in development workflows. This may involve scenario-based questions.

• Portfolio Review: A dedicated session where you present your portfolio, discussing specific projects, your role, the challenges faced, and the solutions implemented, with a focus on AI integration and design system architecture.

• Cross-Functional Interview: A conversation with members of the design and engineering teams to evaluate collaboration style, communication skills, and ability to bridge technical and design disciplines.

• Hiring Manager/Final Interview: A discussion to assess overall fit, career aspirations, and alignment with Deputy's culture and mission.

Portfolio Review Tips:

• Highlight AI Integration: Clearly showcase projects where you've used AI tools to improve efficiency, generate code, or automate tasks. Quantify the benefits (e.g., "reduced component generation time by X%").

• Structure Your Design System Work: For design system projects, clearly articulate the architecture, the token system, component library, and how it was made "machine-readable" or AI-friendly.

• Demonstrate Cross-Disciplinary Fluency: Use your portfolio to show how you translate design mockups into high-quality code and how you communicate technical constraints and possibilities to designers.

• Focus on Impact & Quality: For each project, explain the problem, your solution, the technologies used, and the measurable impact (e.g., improved performance, reduced bugs, increased adoption). Emphasize your attention to detail regarding accessibility and code quality.

• Prepare for "How" and "Why": Be ready to explain not just what you built, but how you built it and why you made specific technical or architectural decisions.

Challenge Preparation:

• Coding Challenges: Practice common front-end coding problems, focusing on JavaScript fundamentals, DOM manipulation, and component-based architecture.

• Design System Scenarios: Prepare for questions about how you would approach building a new component, refactoring an existing one, or defining design tokens for a specific use case.

• AI Workflow Design: Think about how you would architect a workflow where AI assists in generating Vue/React components from Figma designs, including validation steps.

• Problem-Solving: Be ready to discuss how you would troubleshoot issues related to component consistency, accessibility, or performance in a large-scale design system.

📝 Enhancement Note: The interview process and portfolio review are critical operational checkpoints. They are designed to assess not just technical skills but also the candidate's ability to execute on the operational goals of efficiency, quality, and innovation, particularly with the integration of AI. A well-curated portfolio is essential for demonstrating these operational capabilities.

🛠 Tools & Technology Stack

Primary Tools:

• Front-end Frameworks: Vue.js (highly likely given previous Deputy roles, but React is also mentioned as acceptable) and/or React.

• Core Web Technologies: HTML5, CSS3 (including preprocessors like Sass/LESS if applicable), JavaScript (ES6+), TypeScript.

• Design Tools: Figma is explicitly mentioned for design collaboration and component definition.

• Design System Management: Experience with design tokens, component libraries, and related tooling.

Analytics & Reporting:

• Component Usage Tracking: Potentially using analytics tools to monitor the adoption and usage of design system components.

• Performance Monitoring: Tools for tracking front-end performance metrics (e.g., Core Web Vitals, load times).

• Error Tracking: Systems like Sentry or similar for identifying and debugging runtime errors in components.

CRM & Automation:

• Version Control: Git (essential for code management and collaboration).

• CI/CD Pipelines: Familiarity with tools like Jenkins, GitLab CI, GitHub Actions for automated builds, testing, and deployment of components.

• AI Development Tools: Proficiency or strong interest in using AI platforms and tools for code generation, documentation, testing, and workflow automation. This could include tools like GitHub Copilot, ChatGPT for code, or specialized AI modeling tools.

• Testing Frameworks: Tools for unit testing (e.g., Jest, Vitest), integration testing, and potentially visual regression testing (e.g., Percy, Chromatic).

📝 Enhancement Note: The technology stack is central to the operational success of this role. Proficiency in these tools and technologies directly enables the Design Technologist to build, maintain, and optimize the design system and related workflows, particularly as they integrate AI. The emphasis on AI tooling highlights a forward-looking operational strategy.

👥 Team Culture & Values

Operations Values:

• Innovation & AI Integration: A strong emphasis on embracing new technologies, especially AI, to drive efficiency and novel solutions in design and development processes.

• Collaboration & Cross-Functional Synergy: Valuing teamwork and open communication between design, engineering, and product teams to ensure a unified approach to product development.

• Quality & Attention to Detail: A commitment to delivering high-fidelity, accessible, and maintainable code and components, ensuring a polished and reliable user experience.

• Efficiency & Speed: A drive to optimize workflows and reduce manual effort, enabling faster iteration cycles without sacrificing quality.

• User-Centricity: A core value of improving the world of work for frontline employees, ensuring all technological advancements ultimately serve this mission.

Collaboration Style:

• Embedded Partnership: The Design Technologist works directly within the design team, acting as a technical liaison and partner, fostering a culture of shared ownership and mutual understanding.

• Open Feedback Loops: Encouraging a culture where feedback is regularly exchanged between designers and engineers regarding component feasibility, design implementation, and workflow improvements.

• Knowledge Sharing: Promoting the sharing of best practices, AI insights, and technical learnings through documentation, internal presentations, and collaborative sessions.

• Experimentation & Learning: A willingness to explore new AI tools and methodologies, fostering an environment where experimentation is encouraged, and learning from both successes and failures is paramount.

📝 Enhancement Note: Understanding these values is key for operations professionals to gauge cultural fit. Deputy's values highlight a forward-thinking, collaborative, and efficiency-driven environment, aligning well with the operational demands of a Design Technologist role focused on AI and design systems.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging the AI Gap: Effectively integrating AI into existing design and development workflows requires careful planning, validation, and continuous learning, as AI capabilities evolve rapidly.

• Design System Evolution: Ensuring the design system remains scalable, maintainable, and AI-friendly as the product grows and technology changes presents an ongoing operational challenge.

• Designer Enablement: Successfully coaching and enabling designers to become proficient "design-and-build" prototypers requires strong pedagogical skills and tailored support.

• Maintaining Fidelity with AI: Ensuring that AI-generated code and components consistently meet high standards for quality, accessibility, and brand consistency requires robust validation processes.

• Adoption and Advocacy: Driving the adoption of new AI-driven workflows and the design system across teams necessitates strong communication and change management skills.

Learning & Development Opportunities:

• AI Specialization: Gain deep expertise in applying AI/ML to design systems, code generation, testing, and workflow automation.

• Advanced Design Systems: Develop advanced skills in architecting, governing, and scaling complex design systems for large organizations.

• Front-End Architecture: Grow expertise in modern front-end architecture patterns, performance optimization, and best practices for scalable applications.

• Product Development Lifecycle: Gain a comprehensive understanding of the full product development lifecycle, from ideation to deployment and maintenance, with a focus on operational efficiency.

• Leadership & Mentorship: Opportunities to lead initiatives, mentor junior team members, and potentially transition into design operations or technical leadership roles.

📝 Enhancement Note: Identifying these challenges and growth opportunities is crucial for operations candidates. It allows them to prepare for the complexities of the role and understand how their career can advance within a company that invests in specialized talent and fosters continuous learning.

💡 Interview Preparation

Strategy Questions:

• Operations Strategy & Methodology: "How would you design a workflow to enable AI to generate accessible Vue.js components directly from Figma designs, including necessary metadata for validation?" "Describe your process for ensuring a design system is 'machine-readable' and AI-friendly." "How do you balance the need for speed in AI-assisted development with maintaining code quality and accessibility standards?"

• Collaboration & Stakeholder Management: "How would you collaborate with designers to ensure they understand how to structure their work for AI-driven development?" "Describe a time you had to influence a team to adopt a new workflow or technology. What was your approach?" "How do you communicate technical constraints or possibilities to non-technical stakeholders (e.g., designers)?"

• Problem-Solving: "Imagine a scenario where AI-generated code for a critical component has a visual regression bug. How would you diagnose and resolve this, and what process improvements would you suggest?" "How would you approach optimizing the performance of a large component library within a design system?"

Company & Culture Questions:

• Company Operations Culture: "What excites you most about Deputy's commitment to becoming an AI-native company?" "How do you see the role of a Design Technologist evolving with the widespread adoption of AI?" "How do you stay updated on the latest trends in AI, design systems, and front-end development?"

• Operations Team Dynamics: "Describe your ideal working relationship with a design team and an engineering team." "How do you contribute to a culture of knowledge sharing and continuous improvement within a technical team?"

• Operations Impact Measurement: "What metrics would you use to measure the success of your work in improving the design-to-code process or the adoption of the design system?" "Can you share an example of how your work has directly led to significant operational efficiency gains for a product team?"

Portfolio Presentation Strategy:

• Narrative Structure: For each project, clearly articulate the problem statement, your specific role and contributions, the technical solutions implemented (especially AI usage), the outcomes, and lessons learned.

• Quantify Impact: Use data and metrics wherever possible to demonstrate the operational impact of your work (e.g., time saved, reduction in errors, increase in component reuse).

• Showcase AI Integration: For projects involving AI, clearly label and explain the AI tools used, the process, and the tangible benefits achieved.

• Technical Depth & Clarity: Be prepared to dive into the code and architectural details, explaining your choices clearly and concisely.

• Design System Focus: Highlight how your contributions have made the design system more robust, scalable, and easier to use for both designers and developers, especially in an AI context.

📝 Enhancement Note: These interview questions and preparation tips are tailored to assess the specific operational skills and knowledge required for a Design Technologist role focused on AI and design systems. Candidates should prepare to demonstrate not only technical proficiency but also strategic thinking about process optimization and technological integration.

📌 Application Steps

To apply for this Design Technologist position:

• Submit your application through the provided link on jobs.lever.co.

• Portfolio Customization: Tailor your resume and cover letter to highlight your experience with front-end engineering, design systems, AI integration in development, and proficiency with tools like Figma, Vue/React, HTML, CSS, and JavaScript/TypeScript. Ensure your portfolio prominently features projects demonstrating these skills.

• Resume Optimization: Clearly articulate your experience in building reusable UI components, contributing to design systems, and any work involving AI-assisted development or workflows. Use keywords from the job description and operations industry terms like "workflow optimization," "system architecture," and "process efficiency."

• Interview Preparation: Practice articulating your experience with specific examples, focusing on how you've driven efficiency, improved quality, and fostered collaboration through your technical and operational contributions. Prepare to discuss your portfolio projects in detail, emphasizing your role and the impact of your work.

• Company Research: Familiarize yourself with Deputy's mission, its focus on frontline workers, and its commitment to becoming an AI-native company. Understand their product and how design technology contributes to their operational success.

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

---