AI UX/UI Engineer

📍 Job Overview

Job Title: AI UX/UI Engineer

Company: Capgemini

Location: Los Angeles, California, United States

Job Type: Full-Time

Category: Engineering / Design Systems / AI Product Development

Date Posted: July 27, 2026

Experience Level: 8+ Years (Senior Level)

Remote Status: Hybrid

🚀 Role Summary

• Spearhead the design and implementation of innovative AI-driven UX/UI solutions, focusing on transforming design intent into deployable interactive wireframes and vibecoded components.

• Drive the development of a sophisticated wireframe generation and vibecoding workflow, ensuring seamless integration from initial concept capture to final component output within a Micro-Frontend (MFE) shell.

• Lead the curation and machine-consumable structuring of enterprise design systems, encompassing components, tokens, interaction patterns, and accessibility rules, to be encoded and enforced by AI agents.

• Champion the adoption of Storybook as the authoritative artifact and primary surface for visual review and stakeholder alignment in a governed environment.

• Define and manage the human-in-the-loop review model, clearly delineating responsibilities for UX approval at various fidelity levels and incorporating confidence signals for AI-generated outputs.

📝 Enhancement Note: This role is positioned as a senior individual contributor, blending deep UX/UI engineering expertise with a strong understanding of AI-driven code generation and design system management. The emphasis on "vibecoding" and a "code-generation pipeline" suggests a highly technical and forward-thinking approach to UI development, requiring a candidate comfortable bridging the gap between design and engineering. The mention of "SAFe decomposition pipeline" indicates a need to understand agile methodologies within a large enterprise context.

📈 Primary Responsibilities

• End-to-end design and development of the wireframe generation and vibecoding workflow, ensuring a robust pipeline from intent capture to component deployment into the client's UI shell.

• Curate and translate the client's enterprise design system into a machine-consumable format, enabling AI agents to encode and enforce design standards, including components, design tokens, interaction patterns, and accessibility guidelines.

• Establish and maintain Storybook as the canonical artifact for development, visual review, and as a central point for collaboration and feedback.

• Define and implement a precise human-in-the-loop review process, specifying what UX teams should approve, at what fidelity, and utilizing AI-generated confidence signals to streamline approvals.

• Collaborate closely with the client's UX team, acting as both a key stakeholder and an end-user of the developed tools and processes, ensuring alignment and user satisfaction.

• Partner with delivery partners to ensure scope alignment within Statements of Work (SOW) where applicable, managing dependencies and ensuring successful project execution.

• Integrate AI-assisted design and code-generation tooling (e.g., Claude Code, Claude Design, Figma Make, Stitch, v0) into the development workflow, evaluating their effectiveness and identifying limitations.

• Ensure all generated components and workflows adhere to accessibility standards (WCAG 2.1 AA), encoding these as agent constraints rather than relying solely on manual review.

• Navigate and contribute to governed environments, including working through TGB/ARB and AI Council review paths, ensuring compliance and strategic alignment.

📝 Enhancement Note: The responsibilities highlight a unique blend of UX engineering, design systems management, and AI tooling application. This role requires not only technical proficiency but also strategic thinking in how to operationalize design and development within an AI-augmented framework. The emphasis on "machine-consumable form" and "agent constraints" points to a need for structured, programmatic thinking about design.

🎓 Skills & Qualifications

Education:

• Bachelor's or Master's degree in Computer Science, Human-Computer Interaction, Design, or a related field, or equivalent practical experience. Experience:

• Minimum of 8 years of progressive experience in UX engineering, design systems, and/or frontend development, with a significant portion dedicated to production ownership of an enterprise-scale design system.

• Proven track record of shipping production-ready components and contributing to the development lifecycle beyond specification. Required Skills:

• Frontend Development Expertise: Strong proficiency in React and modern JavaScript frameworks, with the ability to build and deploy production-grade UI components.

• Design Systems Management: Deep experience in creating, managing, and scaling enterprise-level design systems, including component libraries, design tokens, and style guides.

• AI-Assisted Design & Code-Gen: Hands-on experience with AI design and code generation tools (e.g., Claude Code, Claude Design, Figma Make, Stitch, v0, or similar), with a critical understanding of their capabilities and limitations.

• Component-Driven Development: Expertise in component-driven development methodologies and tools, particularly Storybook, for building, documenting, and testing UI components.

• Micro-Frontend Architecture: Solid understanding of Micro-Frontend (MFE) architectures and experience integrating components within such environments.

• Accessibility Standards: In-depth knowledge of accessibility guidelines (WCAG 2.1 AA) and the ability to translate these into actionable development constraints for AI agents.

• Workflow Design & Automation: Ability to design, implement, and optimize complex workflows, particularly those involving AI and automated processes.

Preferred Skills:

• Experience working with AI-assisted design and code-generation tooling to turn design intent into interactive artifacts.

• Prior experience in insurance or other regulated industries, understanding the unique compliance and governance requirements.

• Familiarity with SAFe (Scaled Agile Framework) and its decomposition pipeline for story and Gherkin generation.

• Experience with tools like Claude Code, Claude Design, Figma Make, Stitch, or v0.

• Comfort working within a highly governed environment, including TGB/ARB and AI Council review processes.

📝 Enhancement Note: The experience requirement of "8+ years across UX engineering / design systems / frontend, with production ownership of a design system at enterprise scale" strongly indicates a senior-level role, likely requiring demonstrated leadership and strategic impact within previous organizations. The emphasis on "shipping components, not just specs" and "production ownership" suggests a need for practical, hands-on experience and a results-oriented mindset.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Studies: Demonstrations of how you have architected, built, and scaled enterprise design systems, highlighting component libraries, token management, and governance.

• AI Tooling Integration Examples: Showcase projects where you have utilized AI-assisted design or code-generation tools, detailing the workflow, challenges encountered, and the impact on efficiency or output quality.

• Component Development Showcase: Examples of production-ready UI components built with React, emphasizing code quality, reusability, and adherence to design specifications.

• Workflow Automation Projects: Portfolio pieces illustrating the design and implementation of complex development workflows, particularly those involving automation, AI, or multi-stage processes.

• Accessibility Implementation Evidence: Documentation or examples demonstrating how accessibility standards (WCAG 2.1 AA) were integrated into design systems or component development.

Process Documentation:

• Workflow Design & Optimization: Candidates should be prepared to discuss and show examples of how they have designed and optimized development workflows, specifically detailing the process for transforming design intent into deployable code.

• System Implementation & Automation: Demonstrate experience in implementing new systems or automating existing processes, particularly within a design systems or frontend development context.

• Measurement & Performance Analysis: Show how you have defined metrics, tracked performance, and analyzed the effectiveness of design systems, AI tooling, or development processes, with a focus on efficiency and ROI.

📝 Enhancement Note: For a role of this nature, a portfolio is crucial. It should not only showcase technical skills but also the candidate's strategic approach to design systems, AI integration, and workflow optimization. Candidates should be ready to articulate the "why" behind their technical choices and demonstrate a clear understanding of how their work impacts efficiency and product quality.

💵 Compensation & Benefits

Salary Range:

• Based on the seniority (8+ years of experience), specialized skills in AI and design systems, and the Los Angeles location, a competitive salary range for this AI UX/UI Engineer role is estimated to be between $150,000 - $200,000 annually. This estimate considers industry benchmarks for senior engineering roles in high-cost-of-living areas, coupled with the specialized demand for AI and design system expertise. Benefits:

• Competitive Salary and Performance-Based Bonuses: A strong base salary complemented by incentives tied to individual and team performance.

• Comprehensive Benefits Package: Including medical, dental, and vision insurance, reflecting an employer commitment to employee well-being.

• Career Development and Training Opportunities: Access to continuous learning, skill enhancement, and specialized training programs, particularly in emerging AI and design technologies.

• Flexible Work Arrangements: Hybrid model offering a blend of in-office collaboration and remote work flexibility, tailored to optimize productivity and work-life balance.

• Dynamic and Inclusive Work Culture: An environment that fosters innovation, collaboration, and diversity within a globally recognized organization.

• Private Health Insurance: Enhanced health coverage options.

• Retirement Benefits: Programs designed to support long-term financial planning and security.

• Paid Time Off: Generous leave policies for vacation, personal time, and holidays.

• Training & Development: Dedicated resources and programs for professional growth and skill acquisition.

Working Hours:

• The role is based on a standard 40-hour work week, with flexibility expected to accommodate project deadlines and collaborative needs within the hybrid work model.

📝 Enhancement Note: The salary range is an estimation based on typical compensation for senior AI/UX engineering roles in major US tech hubs like Los Angeles. Actual compensation will depend on the candidate's specific experience, qualifications, and negotiation. The benefits listed are standard for large, global organizations like Capgemini, with specific details often varying by employee level.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology Consulting, Digital Transformation, IT Services, and Outsourcing. Capgemini operates across a broad spectrum of industries, offering technology-driven solutions.

Company Size: Over 420,000 employees globally, placing it among the largest IT services and consulting firms worldwide. This scale offers significant opportunities for exposure to diverse projects and career paths.

Founded: 1967, providing a deep heritage and extensive experience in the technology sector.

Team Structure:

• Cross-Functional Engagement Teams: This role will likely be part of a client-facing engagement team, working closely with client stakeholders (UX, engineering, project management) and Capgemini internal specialists.

• Specialized Focus Areas: The team will likely comprise individuals with expertise in AI, UX/UI engineering, design systems, frontend development, and potentially agile project management methodologies (SAFe).

• Reporting Structure: The AI UX/UI Engineer will likely report to a Capgemini Engagement Lead or Practice Manager, with direct collaboration and direction from client-side UX and product leadership.

Methodology:

• Agile & SAFe: The mention of "SAFe decomposition pipeline" suggests adherence to Scaled Agile Framework principles for large-scale project delivery.

• Design Thinking & User-Centricity: Emphasis on understanding user needs and translating them into effective, engaging interfaces.

• Data-Driven Decision Making: Leveraging data and AI insights to inform design and development processes.

• DevOps & CI/CD: Likely adoption of modern development practices for continuous integration, delivery, and deployment.

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

📝 Enhancement Note: Capgemini's global scale means this role could involve working on projects for major enterprise clients across various sectors. The culture likely balances a global, standardized approach with client-specific customization, requiring adaptability and strong stakeholder management skills. The emphasis on technology and digital transformation aligns perfectly with the AI UX/UI Engineer role.

📈 Career & Growth Analysis

Operations Career Level: Senior Individual Contributor / Principal Engineer. This role is for an experienced professional who can independently lead complex initiatives, mentor others, and influence technical direction. The "8+ years" and "production ownership" indicate a senior designation.

Reporting Structure: The role will likely report to a Senior Manager or Director within Capgemini's relevant practice (e.g., Digital Engineering, AI), with direct management and guidance from a client-side product or engineering lead for specific project deliverables. Collaboration will be extensive across client teams and Capgemini internal resources.

Operations Impact: This role has a direct impact on the efficiency and effectiveness of the client's UI development pipeline. By automating the translation of design intent into code and ensuring design system consistency, the engineer will significantly reduce development time, improve product quality, enhance user experience, and ensure adherence to accessibility standards, thereby contributing to faster time-to-market and improved customer satisfaction.

Growth Opportunities:

• Technical Specialization: Deepen expertise in AI-driven design and code generation, emerging frontend technologies, and advanced design system architectures.

• Leadership Roles: Transition into team lead or management positions within Capgemini's Digital Engineering or AI practices, guiding project teams and client engagements.

• Client Account Management: Develop skills in client relationship management and business development, potentially moving into roles focused on solution architecture or pre-sales for AI and digital transformation services.

• Industry Expertise: Gain specialized knowledge in specific client industries (e.g., insurance, regulated sectors) by working on diverse projects.

• Mentorship & Training: Become a subject matter expert and trainer for Capgemini's internal teams on AI UX/UI engineering and design system best practices.

📝 Enhancement Note: The growth path for this role at Capgemini is likely multifaceted, offering opportunities to advance technically, move into leadership, or pivot towards client-facing consulting roles. The company's emphasis on technology and transformation suggests ample opportunities for continuous learning and skill development.

🌐 Work Environment

Office Type: Hybrid. This indicates a mix of remote work and in-office presence. The specific balance will likely depend on client needs and team collaboration requirements.

Office Location(s): Los Angeles, California, United States. This implies a presence in a major metropolitan area with access to talent and client opportunities.

Workspace Context:

• Collaborative Environment: Expect a work environment that encourages collaboration, both virtually and in person. This involves working with diverse teams, including client stakeholders, Capgemini colleagues, and potentially offshore development teams.

• Technology-Rich: Access to modern development tools, platforms, and potentially advanced hardware for AI-related tasks. The role is inherently tech-forward, so the environment will reflect this.

• Client-Centric: Work will often be project-driven and client-focused, requiring adaptability to different client environments and project scopes.

Work Schedule: Standard business hours (e.g., 9 AM - 5 PM PST) are typical, but flexibility will be necessary to accommodate global teams, client needs, and project deadlines. This might involve occasional early morning or late afternoon meetings.

📝 Enhancement Note: The hybrid nature of the role requires strong self-management and communication skills. Candidates should be comfortable working independently and collaborating effectively within a distributed team structure. The Los Angeles location suggests access to a vibrant tech ecosystem and significant client opportunities.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will likely conduct an initial screening to assess basic qualifications, experience, and cultural fit.

• Technical Interview(s): Expect one or more in-depth technical interviews focusing on React, design systems, AI tooling, accessibility, and MFE architecture. This may involve live coding challenges or in-depth discussions of past projects.

• Portfolio Review: A dedicated session where candidates present their portfolio, showcasing relevant projects, design system expertise, AI integration examples, and workflow optimization case studies.

• Hiring Manager/Team Lead Interview: Discussion about your approach to problem-solving, collaboration style, leadership potential, and alignment with Capgemini's values and client engagement methodologies.

• Client Stakeholder Interview (Potential): Depending on the project, you may meet with key client stakeholders to assess fit and understanding of their specific needs.

• Final Offer: Following successful interviews, an offer will be extended.

Portfolio Review Tips:

• Structure Your Narrative: For each project, clearly articulate the problem, your role, the solution (highlighting AI/design system/workflow aspects), the technologies used, and the measurable outcomes (efficiency gains, quality improvements, cost savings).

• Showcase AI Integration: Provide specific examples of how you've used AI tools to generate code, assist in design, or automate workflows. Be prepared to discuss the challenges and benefits.

• Detail Design System Contributions: Clearly outline your contributions to enterprise design systems, including component development, token strategy, and governance.

• Demonstrate Accessibility Expertise: Use examples to show how you've implemented WCAG 2.1 AA standards and encoded them as constraints.

• Prepare for Technical Deep Dives: Be ready to explain your code, architectural decisions, and technical challenges in detail.

Challenge Preparation:

• Coding Challenges: Practice common React coding problems, including component creation, state management, and API integration.

• Design System Scenarios: Be prepared to discuss how you would approach building or scaling a design system, or how you'd handle specific design/component requests.

• AI Tooling Application: Think through hypothetical scenarios where AI tools could solve specific UX/UI development problems and articulate your approach.

• Accessibility Problem-Solving: Consider how you would address accessibility issues in existing code or design specifications.

📝 Enhancement Note: The interview process will likely be rigorous, reflecting the senior nature of the role and Capgemini's commitment to delivering high-quality solutions for its clients. A strong portfolio is non-negotiable, and candidates must be able to articulate their impact and strategic thinking clearly.

🛠 Tools & Technology Stack

Primary Tools:

• React: Core JavaScript library for building user interfaces.

• Storybook: Essential for component development, documentation, and visual testing.

• AI-Assisted Design & Code-Gen Tools: Claude Code, Claude Design, Figma Make, Stitch, v0, or equivalent platforms for generating UI components and code from design intent.

• Design System Management Platforms: Tools for organizing, versioning, and distributing design system assets (e.g., Zeroheight, Lumin).

• Version Control: Git, GitHub, GitLab, or Bitbucket for code management and collaboration.

Analytics & Reporting:

• Web Analytics Tools: Google Analytics, Adobe Analytics (for understanding user behavior if applicable to component usage).

• Performance Monitoring Tools: Lighthouse, WebPageTest, or similar for assessing component performance and accessibility.

• Data Visualization Tools: Tableau, Power BI, or custom dashboards for reporting on design system adoption and development efficiency.

CRM & Automation:

• Project Management Tools: Jira, Asana, Trello for task tracking, workflow management, and SAFe implementation.

• Collaboration Platforms: Slack, Microsoft Teams for team communication and coordination.

• Design Tools: Figma, Sketch, Adobe XD (for understanding design inputs and for review).

• CI/CD Tools: Jenkins, GitHub Actions, GitLab CI for automated build, test, and deployment pipelines.

📝 Enhancement Note: Proficiency with AI code generation tools and design system management is paramount. The candidate must be comfortable working with modern frontend stacks and agile development methodologies. Familiarity with Micro-Frontend architectures is also key.

👥 Team Culture & Values

Operations Values:

• Innovation & Technology Adoption: A drive to explore and implement cutting-edge technologies like AI to solve complex problems.

• Excellence & Quality: Commitment to delivering high-quality, robust, and accessible solutions that meet client needs.

• Collaboration & Teamwork: Fostering an environment where diverse teams work together effectively to achieve common goals.

• Client Focus: Prioritizing client success and building strong, trusted partnerships.

• Continuous Learning: Encouraging ongoing professional development and staying abreast of industry trends.

• Efficiency & Optimization: A dedication to streamlining processes, automating tasks, and maximizing resource utilization.

Collaboration Style:

• Cross-Functional Integration: Expect to work closely with UX designers, product managers, other engineers (frontend, backend), and potentially client IT and business stakeholders.

• Proactive Communication: Emphasis on clear, consistent, and proactive communication, especially in a hybrid environment, using tools like Slack, Teams, and regular stand-ups.

• Feedback-Oriented: A culture that values constructive feedback to continuously improve processes, code, and designs.

• Knowledge Sharing: Encouraging the sharing of best practices, learnings from AI tooling, and design system insights across teams and projects.

📝 Enhancement Note: Capgemini's culture likely emphasizes a blend of global standards and local execution, with a strong focus on client service and technological innovation. The team will value individuals who are adaptable, proactive communicators, and committed to delivering impactful results.

⚡ Challenges & Growth Opportunities

Challenges:

• Bridging Design and Code: Successfully translating nuanced design intent into machine-consumable formats for AI agents requires bridging a sophisticated gap between creative design and programmatic logic.

• AI Tooling Maturity: Working with evolving AI code generation tools means navigating their limitations, potential inaccuracies, and the need for significant human oversight and refinement.

• Design System Curation at Scale: Curating an enterprise design system into a machine-readable format for AI enforcement is a complex undertaking that requires deep understanding of system architecture and governance.

• Integrating into MFE Shells: Ensuring seamless integration of AI-generated components into existing Micro-Frontend architectures can present technical hurdles related to compatibility, performance, and maintainability.

• Governed Environments: Navigating TGB/ARB and AI Council reviews requires strong documentation, clear communication, and the ability to justify technical decisions within a structured compliance framework.

Learning & Development Opportunities:

• AI & Generative Design: Deepen expertise in the rapidly evolving field of AI for design and code generation, potentially leading to specialized roles or thought leadership.

• Advanced Frontend Architectures: Gain further experience with MFE, serverless, and other modern frontend architectural patterns.

• Enterprise Design System Mastery: Become a recognized expert in building and managing complex, large-scale design systems.

• Client Engagement & Consulting: Develop skills in client interaction, requirements gathering, and solution design within a consulting framework.

• Leadership & Mentorship: Opportunities to lead project teams, mentor junior engineers, and contribute to Capgemini's internal knowledge base.

📝 Enhancement Note: The challenges presented are inherent to pioneering work in AI-driven development. Successfully navigating them offers significant opportunities for professional growth and establishing expertise in a high-demand, emerging field.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex design system you've managed. How did you prepare it for machine consumption or AI integration?" (Focus on structured data, APIs, and component definitions.)

• "Walk us through your experience with AI-assisted code generation tools. What are their strengths and weaknesses in a production environment?" (Be ready to discuss specific tools, workflow integration, and quality assurance.)

• "How would you define the optimal human-in-the-loop review process for AI-generated UI components, ensuring both speed and quality?" (Think about fidelity levels, approval criteria, and confidence signals.)

• "Explain your approach to ensuring WCAG 2.1 AA compliance is encoded as agent constraints rather than manual checks." (Focus on systematic implementation and automated validation.)

• "Describe a situation where you had to integrate components into a Micro-Frontend architecture. What challenges did you face, and how did you overcome them?" Company & Culture Questions:

• "How do you see AI transforming the UX/UI engineering landscape in the next 3-5 years?" (Demonstrate forward-thinking and industry awareness.)

• "Capgemini operates in a governed environment. How do you approach working within such structures (e.g., TGB, AI Council)?" (Highlight adaptability, compliance, and strategic alignment.)

• "Describe your experience working in a hybrid or remote team environment. How do you ensure effective collaboration and communication?" (Emphasize proactive communication and team engagement.)

• "How do you stay current with the latest advancements in AI, frontend development, and design systems?" (Show commitment to continuous learning.) Portfolio Presentation Strategy:

• AI Workflow Case Study: Present a project where you designed or implemented an AI-driven workflow for UI development. Detail the inputs, the AI tools used, the outputs, and the resulting improvements in efficiency or quality.

• Design System Maturity: Showcase how your design system efforts have evolved, focusing on aspects that enable AI integration or automated governance. Include metrics on adoption and impact.

• Component Engineering Best Practices: Present a complex component you built, highlighting its reusability, performance, accessibility features, and how it integrates into a larger system (e.g., MFE).

• Problem-Solving Narrative: For each project, frame it as a problem you solved, your strategic approach, the technical implementation, and the quantifiable results.

📝 Enhancement Note: Interview preparation should focus on demonstrating a unique blend of deep technical skills in React and design systems, coupled with a practical, critical understanding of AI tooling and its application in real-world development pipelines. Candidates should be ready to discuss their strategic thinking and how they approach complex, forward-looking technical challenges.

📌 Application Steps

To apply for this operations position:

• Submit your application through the provided link on Workable.

• Portfolio Customization: Tailor your resume and cover letter to highlight specific experience with React, design systems, AI code generation tools, and Micro-Frontend architectures. If you have prior experience with vibecoding or similar automated design-to-code processes, explicitly mention it.

• Resume Optimization: Ensure your resume clearly quantifies achievements, using metrics to demonstrate the impact of your work on efficiency, quality, or cost savings. Keywords like "AI," "UX/UI Engineering," "Design Systems," "React," "Storybook," "MFE," and "WCAG 2.1 AA" should be prominent.

• Interview Preparation: Thoroughly review your portfolio and prepare to present case studies that showcase your ability to design and implement AI-driven workflows, manage design systems, and ensure accessibility. Practice answering technical and behavioral questions, focusing on your strategic approach.

• Company Research: Familiarize yourself with Capgemini's services, client portfolio, and recent technological initiatives, particularly in AI and digital transformation. Understand their approach to client engagements and consulting.

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