Software Engineer III - Design Systems

📍 Job Overview

Job Title: Software Engineer III - Design Systems

Company: JPMorgan Chase & Co.

Location: Plano, Texas, United States

Job Type: Full time

Category: Software Engineering - Design Systems

Date Posted: 2026-08-19T15:41:02

Experience Level: 3+ years

Remote Status: On-site

🚀 Role Summary

• This role is pivotal in advancing JPMorgan Chase's front-end design system by designing, building, and maintaining high-quality, reusable, and accessible UI components.

• You will leverage AI-assisted development tools and agentic workflows to accelerate component delivery, code review, testing, and documentation, while applying sound engineering judgment.

• The position involves identifying opportunities to automate remediation of recurring issues, enhancing the operational stability of software applications, build pipelines, and design token repositories.

• You will champion communities of practice across Software Engineering to drive awareness and adoption of new and leading-edge technologies.

📝 Enhancement Note: While the title is "Software Engineer III - Design Systems," the core responsibilities and required skills align closely with a senior front-end engineer specializing in design systems, emphasizing component development, accessibility, and the integration of AI tools within a large enterprise financial services environment. The role is deeply embedded within the Consumer and Community Banking division, indicating a focus on customer-facing applications.

📈 Primary Responsibilities

• Design, build, and maintain robust, reusable, and accessible UI components for the firm's front-end design system, ensuring consistency and performance across applications.

• Collaborate closely with UX/UI designers, accessibility specialists, and fellow engineers to translate design specifications into production-ready components.

• Write, review, and debug high-quality, secure code, adhering to best practices, accessibility standards (WCAG), and code quality guidelines.

• Integrate and leverage AI-assisted development tools and agentic workflows to enhance productivity in component delivery, code reviews, testing, and documentation.

• Identify and automate the remediation of recurring technical issues, contributing to the overall operational stability of software applications and design token repositories.

• Champion knowledge sharing and adoption of new technologies by leading and participating in communities of practice within the Software Engineering domain.

• Contribute to a team culture that fosters diversity, opportunity, inclusion, and respect.

📝 Enhancement Note: The responsibilities highlight a blend of core front-end development, design systems expertise, and forward-thinking adoption of AI tools. The emphasis on "reusable UI components," "accessibility," and "design token repositories" points to a role focused on creating scalable and maintainable design infrastructure. The inclusion of "AI-assisted development tools and agentic workflows" signals a strategic initiative within the organization to modernize development processes.

🎓 Skills & Qualifications

Education: Bachelor's degree in Computer Science, Engineering, or a related field, or equivalent formal training/certification.

Experience: 3+ years of applied software engineering experience, with a strong focus on front-end development and design systems.

Required Skills:

• Advanced hands-on experience building front-end applications and reusable component libraries with React and modern JavaScript/TypeScript.

• Proficiency in modern front-end development, including component architecture, state management, and responsive, accessible UI implementation.

• Strong command of CSS and modern styling approaches, including CSS preprocessors (e.g., Sass/LESS) and CSS-in-JS.

• Hands-on experience building accessible components to WCAG standards, applying semantic HTML, ARIA roles, and correct keyboard interaction patterns.

• Practical experience using AI-assisted development tools (e.g., coding assistants, agentic/agent-based workflows) to enhance productivity, quality, and delivery speed.

• Demonstrated ability to quickly learn, evaluate, and adopt emerging tools and workflows, adapting to a rapidly evolving AI-augmented engineering landscape.

• Experience with Agile development methodologies such as SCRUM.

• Proficiency in automation and continuous delivery (CD) methods.

• Deep understanding of all aspects of the Software Development Life Cycle (SDLC). Preferred Skills:

• Experience developing and maintaining design systems, component libraries, or shared UI frameworks.

• Familiarity with modern front-end design systems tools like Storybook.

• Experience with vanilla-extract or similar type-safe, zero-runtime CSS-in-JS styling libraries.

• Hands-on experience authoring AI enablement assets such as custom instructions, skills, and prompts, or integrating tools via an MCP.

• Practical knowledge of web accessibility standards (e.g., WCAG, ARIA) and cross-browser compatibility.

• DevOps experience supporting token repositories, build systems, and CI/CD pipelines (e.g., Jenkins or similar tools).

• Practical experience with component architecture.

📝 Enhancement Note: The required skills strongly emphasize modern front-end technologies (React, TypeScript, CSS) and a deep understanding of accessibility. The explicit mention of AI-assisted development tools and the ability to learn emerging workflows are critical differentiators for this role, indicating a company actively investing in AI integration for software development. Preferred skills further refine the ideal candidate by pointing to specialized design systems tools and DevOps practices.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Showcase of well-architected, reusable UI components developed for a design system or similar framework, demonstrating adherence to accessibility standards (WCAG).

• Examples of projects that highlight proficiency in React, modern JavaScript/TypeScript, and advanced CSS techniques.

• Case studies detailing the implementation of AI-assisted development tools or agentic workflows to improve development efficiency, code quality, or delivery speed.

• Demonstrations of contributions to automation, continuous delivery pipelines, or infrastructure related to design token repositories or build systems. Process Documentation:

• Documented workflows for component development, including design handoff, implementation, testing, and deployment within an Agile framework.

• Evidence of process optimization initiatives, such as identifying and automating the remediation of recurring issues or improving build pipeline efficiency.

• Examples of how accessibility standards and best practices were integrated into the development process for UI components.

• Contributions to or documentation of communities of practice, demonstrating knowledge sharing and adoption of new technologies.

📝 Enhancement Note: For a role focused on design systems and AI integration, a portfolio should not only display technical output but also demonstrate process thinking. Candidates should be prepared to articulate their development workflows, how they've integrated AI tools, and how they've contributed to process improvements and knowledge sharing within engineering teams. The emphasis on accessibility and reusable components is paramount.

💵 Compensation & Benefits

Salary Range: Based on industry benchmarks for a Software Engineer III with 3+ years of experience in Plano, Texas, the estimated salary range is $133,000 - $185,000 annually. This estimate considers the job title, experience level, location, and the nature of the role within a large financial institution.

Benefits:

• Comprehensive health care coverage

• Retirement savings plan

• Backup childcare

• Tuition reimbursement

• Mental health support

• Financial coaching

• On-site health and wellness centers

• Competitive total rewards package including base salary, potential commission-based pay, and/or discretionary incentive compensation (equity/cash).

Working Hours: Typically 40 hours per week, with potential for extended hours during critical project phases or for on-call support.

📝 Enhancement Note: The salary range is an estimate based on aggregate data for similar roles in the specified location and experience level. JPMorgan Chase offers a comprehensive benefits package, which is typical for large enterprise organizations in the financial sector. The note about "commission-based pay and/or discretionary incentive compensation" suggests potential performance-based bonuses or equity, common in senior technical roles.

🎯 Team & Company Context

🏢 Company Culture

Industry: Financial Services, specifically Consumer and Community Banking. JPMorgan Chase is a global leader, aiming to provide market-leading technology products and services.

Company Size: Large enterprise (tens of thousands of employees globally). This means established processes, significant resources, and potential for large-scale impact.

Founded: JPMorgan Chase has a long history, tracing its origins back to 1860. This longevity implies stability, a deep understanding of the financial market, and a structured corporate environment.

Team Structure:

• The role sits within the Consumer and Community Banking division, likely part of a larger front-end engineering or product development team.

• The team is agile, working within SCRUM methodologies, indicating a collaborative and iterative development approach.

• Expect close collaboration with cross-functional teams including designers, accessibility specialists, product managers, and other engineers. Methodology:

• Agile development (SCRUM) is the primary methodology.

• Emphasis on Software Development Life Cycle (SDLC) best practices.

• Adoption of AI-assisted development tools and agentic workflows is a strategic initiative.

• Focus on automation, continuous delivery (CD), and operational stability.

• Strong commitment to code quality, security, and web accessibility standards.

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

📝 Enhancement Note: JPMorgan Chase is a Fortune 500 company with a massive global footprint. For an operations or engineering role, this scale translates to robust infrastructure, well-defined processes, and opportunities to influence large-scale systems. The company's focus on innovation, as evidenced by the AI integration, suggests a dynamic environment within a traditional sector.

📈 Career & Growth Analysis

Operations Career Level: Software Engineer III (Senior level). This indicates a role with significant technical responsibility, requiring independent problem-solving, mentorship potential, and a deep understanding of specialized areas like design systems and front-end architecture.

Reporting Structure: Typically, a Senior Software Engineer reports to an Engineering Manager or Lead Engineer, who in turn reports to higher levels of management within the engineering or technology organization. The role will likely involve close collaboration with Product Owners and Design Leads.

Operations Impact: This role has a direct impact on the user experience of millions of customers by ensuring consistency, usability, and accessibility across digital products within the Consumer and Community Banking division. Contributions to the design system directly influence product development velocity and quality across the firm.

Growth Opportunities:

• Technical Specialization: Deepen expertise in design systems, front-end architecture, web accessibility, and AI-augmented development.

• Leadership Development: Potential to lead technical initiatives, mentor junior engineers, and contribute to architectural decisions.

• Cross-Functional Exposure: Gain experience working with various product teams, understanding their unique challenges and contributing to firm-wide solutions.

• AI Integration: Become a subject matter expert in applying AI tools and agentic workflows to software development within a large enterprise.

• Internal Mobility: Opportunities to move into architect roles, management positions, or specialized engineering teams within JPMorgan Chase.

📝 Enhancement Note: A "Software Engineer III" title at a company like JPMorgan Chase typically signifies a seasoned professional capable of handling complex technical challenges and influencing technical direction. The growth opportunities are substantial, given the company's size and investment in technology and AI.

🌐 Work Environment

Office Type: The role is based in Plano, Texas, at 8181 Communications Pkwy Bldg F, indicating an on-site work environment within a corporate office setting.

Office Location(s): Plano, Texas, USA. This location is a significant technology hub for JPMorgan Chase, housing numerous engineering and operational teams.

Workspace Context:

• A professional, corporate office environment designed for collaboration and focused work.

• Access to standard office amenities, IT support, and potentially on-site health and wellness facilities.

• Expect a mix of individual focused work (coding, design system development) and collaborative sessions (stand-ups, design reviews, pair programming).

• The company's emphasis on AI tools suggests access to modern development workstations and necessary software licenses.

Work Schedule: Standard 40-hour work week, typical for full-time roles in the financial services industry. Flexibility may be available, but the role is primarily on-site.

📝 Enhancement Note: The on-site requirement in Plano, Texas, means candidates should be prepared for a traditional office-based work model. JPMorgan Chase's corporate environment is generally structured, with clear expectations for professional conduct and collaboration.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: HR or recruiter call to assess basic qualifications and cultural fit.

• Technical Phone Screen: Focused interview with an engineer to evaluate core technical skills in JavaScript,

React, CSS, and design systems concepts.

• On-site/Virtual Loop: A series of interviews (typically 3-5 sessions) with different team members, including engineers, design leads, and potentially a hiring manager. These sessions will cover:

  • Coding Challenges: Live coding exercises focused on component development, algorithm problems, and potentially design system logic.
  • System Design: Questions about how to design and build scalable, accessible UI components and design systems.
  • Behavioral Questions: Assessing problem-solving approach, teamwork, communication, and experience with AI tools and agile methodologies.
  • Portfolio Review: Discussion of past projects, focusing on your contributions, technical decisions, and impact.

• Hiring Manager Discussion: Final conversation to align on role expectations and team fit.

Portfolio Review Tips:

• Curate Selectively: Choose 2-3 strong projects that best showcase your design system, component development, and accessibility expertise.

• Highlight AI Integration: For each relevant project, clearly articulate how you used AI-assisted development tools, the benefits realized (e.g., speed, quality), and any challenges encountered.

• Demonstrate Process: Be prepared to walk through the SDLC, your Agile workflow, and how you ensure accessibility (WCAG, ARIA) in your component development.

• Quantify Impact: Where possible, use metrics to show the impact of your work (e.g., reduction in bugs, improvement in development time, consistency metrics).

• Code Samples: Have readily accessible code repositories (e.g., GitHub) for demonstration, ensuring they are clean, well-documented, and representative of your best work.

Challenge Preparation:

• React & TypeScript Mastery: Practice building functional and class components, hooks, state management patterns, and TypeScript typings.

• CSS & Styling: Review CSS specificity, selectors, layout (Flexbox, Grid), responsive design, and various styling approaches (CSS Modules, Styled Components, CSS-in-JS).

• Accessibility (WCAG/ARIA): Understand semantic HTML, ARIA roles and properties, keyboard navigation, and common accessibility pitfalls.

• Design Systems Concepts: Be ready to discuss component architecture, design tokens, theming, and versioning strategies.

• AI Tool Familiarity: Prepare to discuss your experience with AI coding assistants (e.g., GitHub Copilot, Amazon CodeWhisperer) and how you critically evaluate their output.

• Behavioral Framework: Use the STAR method (Situation, Task, Action, Result) to structure answers to behavioral questions.

📝 Enhancement Note: The interview process at a large financial institution like JPMorgan Chase is typically rigorous. Candidates should prepare for in-depth technical assessments and a thorough evaluation of their problem-solving abilities, particularly concerning design systems, accessibility, and the integration of new technologies like AI. A strong, well-articulated portfolio is crucial.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React (primary)

• Languages: JavaScript,

TypeScript

• Styling: CSS, Sass/LESS, CSS-in-JS (e.g., Styled Components, Emotion), vanilla-extract (preferred)

• Component Development/Testing: Storybook (preferred), Jest, React Testing Library

• AI-Assisted Development: Coding assistants (e.g., GitHub Copilot), agentic workflows, custom AI prompts/skills.

Analytics & Reporting:

• While not explicitly stated for this role, general awareness of front-end analytics tools (e.g., Google Analytics, Adobe Analytics) and performance monitoring tools is beneficial. CRM & Automation:

• Not directly applicable to this front-end role, but understanding how front-end components integrate with backend systems and APIs is essential.

• CI/CD Tools: Jenkins or similar for build pipelines and continuous delivery.

• Version Control: Git.

📝 Enhancement Note: The technology stack is heavily focused on modern front-end development with a clear preference for React and TypeScript. The explicit mention of AI development tools and Storybook highlights key areas of focus for this role. Familiarity with CI/CD and Git is standard for any software engineering position.

👥 Team Culture & Values

Operations Values:

• Integrity & Responsibility: Upholding the highest standards of ethical conduct and delivering reliable, secure software.

• Innovation: Actively seeking and implementing new technologies and methodologies, such as AI-assisted development, to drive efficiency and quality.

• Collaboration & Inclusion: Fostering a diverse and respectful environment where all team members can contribute their best work.

• Customer Focus: Ensuring all development efforts are aligned with delivering exceptional experiences for Chase customers.

• Excellence: Striving for high-quality code, robust solutions, and continuous improvement in all aspects of software engineering.

Collaboration Style:

• Agile & Iterative: Working within SCRUM teams, emphasizing frequent communication, feedback loops, and adaptability.

• Cross-Functional: Close partnership with designers, accessibility experts, product managers, and other engineering disciplines.

• Knowledge Sharing: Encouraging participation in communities of practice and open discussion of best practices and new technologies.

• Mentorship: Senior engineers are expected to guide and support more junior team members.

📝 Enhancement Note: JPMorgan Chase, as a large financial institution, places a strong emphasis on integrity and responsibility. The inclusion of innovation (AI) and customer focus alongside collaborative and inclusive values provides a comprehensive view of the expected team dynamic.

⚡ Challenges & Growth Opportunities

Challenges:

• Scale and Complexity: Working within a large enterprise means navigating complex systems, established processes, and diverse stakeholder needs.

• Balancing Innovation with Stability: Integrating cutting-edge AI tools while maintaining the high stability and security standards expected in financial services.

• Ensuring Universal Accessibility: Consistently applying WCAG standards across a vast and evolving component library requires diligence and expertise.

• Adopting New Technologies: Quickly learning and effectively integrating new AI tools and workflows into existing development processes.

Learning & Development Opportunities:

• Formal Training: Access to internal training programs, workshops, and potentially external courses on advanced front-end topics, design systems, and AI development.

• Conferences & Certifications: Opportunities to attend industry conferences related to front-end development, accessibility, or AI, and pursue relevant certifications.

• Mentorship Programs: Formal and informal mentorship opportunities with senior engineers and technical leaders within the firm.

• Exposure to Enterprise-Scale AI: Gaining practical, hands-on experience implementing AI in a real-world, large-scale enterprise software development context.

📝 Enhancement Note: The challenges presented are typical for senior roles in large organizations, requiring adaptability and strategic thinking. The growth opportunities are significant, particularly in the emerging field of AI in software development, providing a unique career path.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you designed and built for a design system. What were the technical challenges, and how did you ensure its reusability and accessibility?" (Focus on React, CSS, WCAG, component architecture).

• "How have you leveraged AI-assisted development tools in your past projects? Can you provide a specific example of how it improved your workflow or the quality of your code?" (Prepare a STAR-method answer).

• "Imagine you need to introduce a new component to an existing design system. What is your process from design handoff to implementation and documentation?" (Detail your SDLC, collaboration, and testing strategies).

• "How do you approach ensuring cross-browser compatibility and performance optimization for your front-end components?" (Discuss tools, techniques, and testing). Company & Culture Questions:

• "What interests you about working at JPMorgan Chase, specifically within our Consumer and Community Banking technology division?" (Research the company's mission, recent tech news, and focus areas).

• "How do you contribute to a team culture of diversity, inclusion, and respect?" (Provide examples of your collaborative behaviors and communication style).

• "Describe a time you had to adapt to a rapidly changing technology landscape or adopt a new tool/workflow. How did you approach it?" (Highlight your learning agility, especially concerning AI). Portfolio Presentation Strategy:

• Storytelling: For each portfolio piece, frame it as a narrative: the problem, your approach, the solution, and the impact.

• Technical Depth: Be prepared to dive deep into the code, architectural decisions, and specific technologies used.

• AI Integration Focus: Explicitly call out how AI tools were used, the prompts or workflows involved, and the tangible benefits achieved.

• Accessibility First: Emphasize how accessibility was integrated throughout the development process, not as an afterthought.

• Interactive Demo: If possible, prepare a live demo of a component or a Storybook environment to showcase interactivity and responsiveness.

📝 Enhancement Note: Interview preparation should focus on demonstrating not just technical proficiency but also strategic thinking, adaptability, and an understanding of how to apply new technologies like AI within a large, regulated enterprise. The portfolio is your primary tool to showcase these capabilities.

📌 Application Steps

To apply for this Software Engineer III - Design Systems position:

• Submit your application through the official JPMorgan Chase careers portal via the provided link.

• Tailor your Resume: Highlight specific achievements and keywords related to React, TypeScript, JavaScript, CSS, Design Systems, Component Libraries, Web Accessibility (WCAG/ARIA), and your experience with AI-assisted development tools. Quantify your impact whenever possible.

• Prepare Your Portfolio: Curate 2-3 of your strongest projects that showcase your design system contributions, component development expertise, and practical application of AI tools. Ensure code is accessible (e.g., via GitHub) and well-documented.

• Practice Interview Questions: Rehearse answers to technical, behavioral, and system design questions, using the STAR method for behavioral responses and focusing on your AI integration experience.

• Research the Company: Familiarize yourself with JPMorgan Chase's mission, values, and recent technology initiatives, particularly in AI and customer experience within their Consumer & Community Banking division.

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