Senior Designer Technologist, Design Systems

📍 Job Overview

Job Title: Senior Designer Technologist, Design Systems

Company: Instacart

Location: Canada - Remote (ON, AB, BC, NS Only)

Job Type: Full-time

Category: Design Systems / UI Engineering Operations

Date Posted: April 20, 2026

Experience Level: Mid-Senior Level (6+ years)

Remote Status: Fully Remote

🚀 Role Summary

• Drive the technical implementation and operational efficiency of Instacart's Design Systems across a multi-product ecosystem.

• Enhance shared component infrastructure, publishing workflows, and collaborative environments to foster consistency and speed.

• Develop and deploy internal tools and automation to reduce system drift, improve design-to-code feedback loops, and embed guardrails.

• Contribute to core component implementations with a focus on maintainability, scalability, accessibility, and cross-platform consistency.

• Leverage AI-assisted workflows to optimize audits, migrations, and repetitive tasks, while upholding high standards for quality and security.

📝 Enhancement Note: This role is positioned within the Design organization but requires a strong technical and engineering-focused skillset, bridging the gap between design craft and scalable UI development. The emphasis on "Design Technologist" and "Design Systems" indicates a need for deep understanding of both UI/UX principles and front-end engineering best practices, particularly in the context of building and maintaining a robust design system for a large, multi-sided marketplace.

📈 Primary Responsibilities

• Own and enhance the technical infrastructure of the Design System, including code repositories, publishing pipelines, and component development environments (e.g., Storybook).

• Evolve and manage design token workflows, including semantic and primitive tokens, theming strategies, and their reliable distribution into production codebases.

• Strengthen design-to-code feedback loops and contribution workflows to minimize system drift and ensure adherence to established standards.

• Implement and maintain core system components, prioritizing maintainable code patterns, scalable architecture, robust accessibility, and consistent cross-platform user experiences.

• Develop internal tooling, such as Figma plugins, code generators, and CI/CD checks, to streamline the creation and integration of system-aligned components.

• Model and operationalize system guidance into structured, reusable formats to power automated checks, in-tool guidance, and developer workflows.

• Instrument system adoption and quality metrics to identify areas for improvement, reduce rework, and iterate on tooling and standards based on real-world usage.

• Strategically apply AI-assisted development workflows to accelerate tasks like code audits, migrations, and repetitive development activities, implementing robust review and security practices.

• Drive adoption of the design system through clear communication, effective deprecation and migration programs, and comprehensive cross-functional enablement initiatives.

📝 Enhancement Note: The responsibilities highlight a blend of hands-on development, strategic system thinking, and operational process improvement, all centered around a design system. The emphasis on "owning," "evolving," "building," and "instrumenting" suggests a senior individual contributor role with significant autonomy and impact across Instacart's product engineering teams.

🎓 Skills & Qualifications

Education: Bachelor’s degree in Design, HCI, Computer Science, or a related field, or equivalent practical experience.

Experience: 6+ years of experience in product design and/or front-end engineering, with a proven track record of shipping and maintaining a design system adopted by multiple product teams.

Required Skills:

• Advanced proficiency in TypeScript/JavaScript and a modern front-end framework, specifically React.

• Demonstrated mastery of design systems, including components, patterns, tokens, and governance, showcased through a strong portfolio.

• Deep fluency in Figma at a systems level, encompassing component architecture, variant/prop strategy, naming conventions, library structure, and publishing/versioning.

• Strong understanding of design tokens (semantic vs. primitive), theming, density, and their application to UI.

• Proven experience delivering internal tools (e.g., Figma plugins, scripts, CLIs, CI automations) with a focus on testing, maintainability, and observability.

• Demonstrated ability to reason about component UX, including anatomy, states, edge cases, responsive behavior, and motion.

• Established accessibility defaults and a strong understanding of their implementation in UI components.

• Hands-on experience working within shared component codebases/monorepos with multi-team contribution models.

• Practical experience utilizing AI-assisted development or design workflows to reduce toil and accelerate delivery, with a focus on judgment, review, and security.

Preferred Skills:

• Experience developing and shipping production-ready Figma plugins.

• Familiarity with AI-assisted coding environments (e.g., Cursor, Claude Code) and prompt-driven automation strategies.

• Experience with token pipelines and tooling (e.g., CSS variables, Style Dictionary).

• Proficiency with Storybook (or equivalent) and its associated documentation/playground infrastructure.

• Experience with visual regression testing and UI QA automation practices.

• Deep expertise in accessibility, applied through scalable guardrails, linters, and automation.

• Experience with native UI frameworks (SwiftUI and/or Jetpack Compose) for cross-platform design enablement.

• Fluency across end-to-end product design processes, from discovery and ideation through prototyping and validation.

📝 Enhancement Note: The qualifications emphasize a hybrid role, requiring both deep design system knowledge and strong front-end engineering capabilities. The explicit mention of TypeScript, React, Figma, and AI-assisted workflows are critical keywords for ATS and candidate targeting. The requirement for a portfolio is paramount.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• A comprehensive portfolio link is mandatory for all applications.

• Demonstrate mastery of design systems, showcasing expertise in components, patterns, design tokens, and governance strategies.

• Provide examples of how you've ensured cross-platform consistency in UI development.

• Illustrate your experience in shipping and maintaining a design system that has been adopted by multiple product teams.

Process Documentation:

• Showcase your approach to evolving and managing design token workflows, including the distribution of semantic and primitive tokens.

• Detail how you strengthen design-to-code feedback loops and improve contribution workflows to reduce system drift.

• Provide examples of how you've established accessibility defaults and implemented them in reusable component formats.

• Illustrate your experience in instrumenting system adoption and quality metrics, and how you use this data to iterate on tooling and standards.

• Document your experience with deprecation and migration programs for design system elements.

📝 Enhancement Note: The portfolio requirements are highly specific, demanding concrete examples of design system implementation, technical contributions, and process optimization. Candidates should prepare to walk through their portfolio, explaining their technical decisions, impact, and collaboration strategies.

💵 Compensation & Benefits

Salary Range:

Benefits:

• Equity grant for new hires.

• Annual refresh equity grants.

• Flexible work policy ("Flex First" approach allowing choice of work location).

• Comprehensive benefits package (details available via provided link).

Working Hours: Approximately 40 hours per week.

📝 Enhancement Note: The salary is listed in USD but is for Canadian-based candidates, indicating a global compensation structure. The specific salary range is quite narrow, suggesting the company has a well-defined banding for this role. The inclusion of equity grants and a flexible work policy are key selling points for senior talent.

🎯 Team & Company Context

🏢 Company Culture

Industry: E-commerce / Technology / Grocery Delivery.

Company Size: Instacart is a large, established technology company, indicated by their significant employee base and complex operational needs. This size implies a need for robust, scalable, and well-governed systems.

Founded: Instacart was founded in 2012, giving it over a decade of experience in navigating the complexities of the online grocery market and building out its technology infrastructure.

Team Structure:

• The Design Systems & Foundations team operates within the broader Design organization, indicating a design-first approach.

• This role requires close partnership with Product Designers, Design Systems Designers, and Front-End Engineers, emphasizing cross-functional collaboration.

Methodology:

• The team employs mature governance practices, including versioning and deprecations, crucial for managing a large-scale design system.

• Strong engineering partnerships are a cornerstone, ensuring practical application and integration of system components.

• Pragmatic automation is a key focus, aiming to reduce toil and increase efficiency.

• The use of AI-assisted workflows is encouraged for accelerating tasks like audits and migrations, provided strong review and security practices are maintained.

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

📝 Enhancement Note: Instacart's mission to transform the grocery industry and its "Flex First" approach to work are important cultural indicators. The Design Systems team's role in a multi-sided marketplace (customers, shoppers, retailers) highlights the critical need for consistency and efficiency, which this role directly supports.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior Designer Technologist role, indicating a high level of individual contribution and specialized expertise. It sits at a critical juncture between design and engineering, requiring a deep understanding of both domains to effectively build and scale a design system.

Reporting Structure: The role sits within the Design organization, likely reporting to a Design Systems Lead or Manager. It requires close collaboration with front-end engineering teams, suggesting a matrixed reporting or strong peer-level partnership.

Operations Impact: The Design Systems team's work has a direct impact on Instacart's operational efficiency and product quality. By providing standardized components and tools, they enable faster development cycles, reduce engineering debt, ensure brand consistency across multiple user experiences (customer, shopper, retailer), and improve overall user experience. This role is pivotal in reducing "drift" and ensuring high-quality UI delivery at scale.

Growth Opportunities:

• Specialization: Deepen expertise in advanced design system architecture, native mobile UI frameworks (SwiftUI, Jetpack Compose), or AI-driven development for design systems.

• Leadership: Transition into a lead role within the Design Systems team, managing technical direction, mentoring junior technologists, or leading specific system initiatives.

• Cross-functional Movement: Leverage design systems expertise to move into senior front-end engineering roles, product management focused on developer tools, or technical program management for design operations.

• Skill Development: Opportunities to explore and implement cutting-edge technologies in AI for code generation, advanced automation, and performance optimization for UI components.

📝 Enhancement Note: The "Senior Designer Technologist" title suggests a role focused on technical execution and innovation within the design systems space, rather than people management. Growth opportunities will likely involve increasing technical scope, ownership of critical system areas, or influencing broader engineering and design practices.

🌐 Work Environment

Office Type: Instacart operates under a "Flex First" model, meaning employees have the flexibility to choose their work location (home, office, coffee shop). While not tied to a specific office, the company emphasizes community building through regular in-person events, suggesting a hybrid-friendly culture.

Office Location(s): The role is remote and restricted to specific Canadian provinces: Ontario, Alberta, British Columbia, and Nova Scotia. This geographic limitation is likely due to legal, tax, or employment compliance reasons.

Workspace Context:

• Collaborative Environment: Expect a highly collaborative environment, requiring strong communication and partnership with designers, engineers, and potentially product managers across different teams.

• Tools & Technology: Access to advanced design and development tools, including Figma, modern front-end frameworks (React), and potentially specialized AI coding tools. The role involves building and improving these tools.

• Operations Focus: The workspace will be centered around operational efficiency, process optimization, and the creation of scalable, reusable design system assets to support Instacart's vast marketplace.

Work Schedule: Standard full-time working hours, approximately 40 hours per week. The "Flex First" policy implies flexibility in where work is done, but not necessarily a reduction in overall work commitment.

📝 Enhancement Note: The "Flex First" policy is a significant aspect of Instacart's work environment, offering autonomy. However, candidates should be aware that remote roles often require proactive communication and engagement to stay connected and effective. The specific geographic restrictions are important for eligibility.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: Application review, focusing on resume and portfolio alignment with required skills and experience.

• Technical Interview(s): Deep dives into TypeScript/JavaScript, React, Figma proficiency, design system architecture, and problem-solving approaches. Expect coding exercises or live coding sessions.

• Design Systems Deep Dive: A dedicated session to review your portfolio, discuss your experience with design systems, governance, token strategies, and driving adoption. This is where your ability to articulate technical and design decisions will be crucial.

• Cross-functional Collaboration Interview: Assess your ability to work effectively with product designers and front-end engineers, discussing past collaborations and conflict resolution.

• Hiring Manager/Team Lead Interview: Focus on cultural fit, career aspirations, and understanding of the role's strategic impact.

Portfolio Review Tips:

• Structure: Organize your portfolio to clearly highlight your design systems expertise. Use case studies that demonstrate problem, solution, your specific contributions, and quantifiable impact (e.g., reduction in development time, improved consistency scores, adoption metrics).

• Technical Depth: For this role, ensure your portfolio showcases your front-end engineering skills. Include code examples, explanations of component architecture, and how you've implemented accessibility and performance best practices.

• Process & Governance: Clearly articulate your experience with design system governance, versioning strategies, contribution workflows, and how you've managed system drift.

• AI Integration: If you have experience with AI-assisted workflows, dedicate a section or case study to showcase how you've leveraged these tools responsibly and effectively.

• Visuals & Clarity: While technical, ensure your portfolio is visually clean and easy to navigate. Use clear language and compelling visuals to illustrate your points.

Challenge Preparation:

• System Audits/Migrations: Be prepared to discuss how you would approach auditing an existing system for drift or planning a migration of components/tokens.

• Component Design & Implementation: You might be asked to design a new component or refactor an existing one, explaining your technical rationale, accessibility considerations, and token implementation.

• Tooling Ideation: Brainstorming or designing a new internal tool (e.g., a Figma plugin) to solve a specific design system challenge.

• AI Workflow Design: Discuss how you would integrate AI into a specific design system process (e.g., automated documentation, code generation for variations).

📝 Enhancement Note: The interview process is expected to be rigorous, focusing heavily on practical skills, portfolio demonstration, and the ability to articulate complex technical and design system concepts. Candidates should be ready to showcase their full-stack capabilities within the design systems domain.

🛠 Tools & Technology Stack

Primary Tools:

• TypeScript/JavaScript: Core languages for front-end development.

• React: The primary front-end framework expected for component implementation.

• Figma: Essential for design system architecture, component definition, and collaboration with designers. Advanced proficiency in systems-level Figma usage is required.

• Storybook (or equivalent): For developing, documenting, and testing UI components in isolation.

Analytics & Reporting:

• Tools for tracking design system adoption, component usage, and system quality metrics.

CRM & Automation:

• CI/CD Tools: Jenkins, GitHub Actions, GitLab CI, or similar, for automating builds, tests, and publishing workflows.

• Scripting Languages: For developing internal tools, automation scripts, and CLI utilities.

• AI-Assisted Development Tools: Such as Cursor, Claude Code, or similar platforms, for accelerating coding tasks.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development and design system tooling. Proficiency in TypeScript, React, and Figma is non-negotiable. Familiarity with automation and AI tools is a significant plus.

👥 Team Culture & Values

Operations Values:

• Quality & Craftsmanship: A commitment to building high-quality, maintainable, and accessible UI components and tools.

• Efficiency & Automation: Driving operational excellence through automation and the elimination of repetitive tasks, including leveraging AI.

• Collaboration & Partnership: Working closely with design and engineering teams to ensure seamless integration and adoption of the design system.

• Data-Driven Iteration: Using metrics and real-world usage data to inform improvements and evolve the design system.

• Consistency & Scalability: Ensuring a unified and reliable user experience across Instacart's diverse product surfaces.

Collaboration Style:

• Cross-functional Integration: Proactive engagement with Product Designers and Front-End Engineers to ensure the design system meets their needs and integrates smoothly into their workflows.

• Feedback Loops: Fostering a culture of open feedback, both giving and receiving, to continuously improve system components and processes.

• Knowledge Sharing: Actively sharing best practices, learnings, and new tooling developments across teams to promote a shared understanding and elevate collective skills.

• Pragmatic Governance: Balancing strict system governance with the flexibility needed for teams to innovate and deliver features efficiently.

📝 Enhancement Note: The culture emphasizes a blend of technical rigor, collaborative spirit, and a results-oriented approach to operational excellence within the design systems domain. Candidates should align with these values to thrive.

⚡ Challenges & Growth Opportunities

Challenges:

• Systemic Drift: Combating the natural tendency for codebases and designs to diverge from the established system, requiring continuous monitoring and enforcement.

• Adoption at Scale: Ensuring widespread and consistent adoption of the design system across a large organization with many product teams, each with their own priorities.

• Balancing Speed and Governance: Finding the right balance between enabling rapid development and maintaining the integrity and consistency of the design system.

• Technical Debt Management: Strategically managing and migrating legacy components or patterns as the system evolves.

• Leveraging AI Responsibly: Integrating AI tools effectively while ensuring code quality, security, and appropriate human oversight.

Learning & Development Opportunities:

• Advanced System Architecture: Deepen expertise in complex design system patterns, including theming, accessibility at scale, and cross-platform strategies.

• AI in Design Systems: Explore and implement cutting-edge AI applications for code generation, automated testing, and documentation within design systems.

• Native UI Frameworks: Gain hands-on experience with SwiftUI and Jetpack Compose for extending design system capabilities to mobile applications.

• Developer Tooling Innovation: Lead the development of new internal tools that enhance the productivity of designers and engineers working with the design system.

• Cross-functional Leadership: Develop skills in influencing and enabling other teams through effective communication, training, and advocacy for design system best practices.

📝 Enhancement Note: This role presents significant challenges inherent to large-scale design systems, offering substantial opportunities for professional growth and impact. Candidates who are proactive problem-solvers and continuous learners will find this role rewarding.

💡 Interview Preparation

Strategy Questions:

• "How would you approach auditing Instacart's current design system for inconsistencies and technical debt?"

• "Describe a process for migrating a large set of components from an older framework version to a new one, minimizing disruption for product teams."

• "How do you balance the need for strict design system governance with the desire for engineering teams to iterate quickly?"

• "Walk me through how you would implement a new design token system for theming across different product surfaces (e.g., customer app, shopper app, retailer portal)."

Company & Culture Questions:

• "What interests you most about Instacart's mission and its 'Flex First' work policy?"

• "How do you see the role of a Design Technologist contributing to a multi-sided marketplace like Instacart's?"

• "Describe a time you had to influence teams to adopt new standards or practices. What was your approach?"

Portfolio Presentation Strategy:

• Storytelling: Structure your portfolio walkthroughs around the "problem, solution, impact" narrative for each case study. Clearly articulate the challenges you faced and the specific contributions you made.

• Technical Deep Dive: Be prepared to go into detail on the technical aspects of your work, including code architecture, choice of tools, implementation strategies for accessibility and responsiveness, and how you've managed design tokens.

• Demonstrate Process: Show, don't just tell, your understanding of design system processes – from component creation and contribution workflows to governance, versioning, and adoption strategies.

• AI & Automation Focus: Highlight any projects where you've used AI or developed automation to improve efficiency, and explain the ROI.

• Quantify Impact: Whenever possible, use metrics to demonstrate the success of your work (e.g., reduction in bug reports, faster development cycles, improved consistency scores).

📝 Enhancement Note: Interview preparation should focus on demonstrating a strong command of both design system principles and front-end engineering execution, with a clear understanding of how to apply these skills operationally within a large tech company.

📌 Application Steps

To apply for this Senior Designer Technologist position:

• Submit your application through the provided link on the Instacart careers page.

• Portfolio Customization: Ensure your resume and portfolio are tailored to highlight your experience with design systems, TypeScript, React, Figma, and any relevant automation or AI tooling. Specifically, showcase projects demonstrating your ability to build and maintain scalable component libraries and internal tools.

• Resume Optimization: Use keywords from the job description, such as "Design Systems," "TypeScript," "React," "Figma," "Design Tokens," "Accessibility," and "Automation." Quantify your achievements with specific metrics where possible.

• Interview Preparation: Thoroughly review your portfolio and prepare to discuss your contributions, technical decisions, and process improvements in detail. Practice articulating your experience with AI-assisted workflows and their responsible application.

• Company Research: Familiarize yourself with Instacart's mission, products (customer, shopper, retailer experiences), and their "Flex First" work policy. Understand the operational complexities of a multi-sided marketplace and how design systems contribute to its 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.