Front End Engineer - UI / UX

<p style="text-align:inherit"></p><p style="text-align:left"><b>JOB LEVEL</b></p>P40<p style="text-align:left"><b>EMPLOYEE ROLE</b></p>Individual Contributor<p style="text-align:inherit"></p><p style="text-align:inherit"></p><h2><b>Our Company</b></h2><p>As one of the world’s most innovative software companies whose products touch billions of people around the world, Adobe empowers everyone, everywhere to imagine, create, and bring any digital experience to life. From creators and students to small businesses, global enterprises, and nonprofit organizations — customers choose Adobe products to ideate, collaborate, be more productive, drive business growth, and build remarkable experiences.</p><p>Our 30,000+ employees worldwide are creating the future and raising the bar as we drive the next decade of growth. We’re on a mission to hire the very best and believe in creating a company culture where all employees are empowered to make an impact. At Adobe, we believe that great ideas can come from anywhere in the organization. The next big idea could be yours.</p><p>Changing the world through digital experiences is what Adobe's all about. We give everyone—from emerging artists to global brands—everything they need to build and deliver outstanding digital experiences! We're passionate about empowering people to develop beautiful and powerful images, videos, and apps, and transform how companies interact with customers across every screen.</p><p>We're on a mission to hire the very best and are committed to crafting outstanding employee experiences where everyone is respected and has equal opportunity. We believe new ideas can come from any part of the organization. The next big idea could be yours!</p><p>At Adobe, this mission goes beyond external products to include empowering our teams with intuitive digital tools. These tools unlock insights, encourage collaboration, and drive innovation internally. We are seeking a dedicated Front End UI/UX Engineer to develop and improve our internal advanced analytics and critical metric platform. This important platform provides real-time insights, customizable dashboards, interactive visualizations, and easy-to-use reporting. It supports data-informed decisions and helps many teams at Adobe transform data into creative, actionable results.</p><p>As a key contributor to the front-end layer, you'll combine strong UI engineering skills with a deep focus on UX principles. You will craft performant, accessible, and delightful user experiences for complex, data-heavy applications. The ideal candidate thrives in a modern development workflow that uses AI-powered coding assistants to speed up delivery while maintaining outstanding code quality. This approach helps Adobe deliver the same high standard internally that we bring to creators and brands worldwide.</p><div><b>Key Responsibilities</b></div><ul><li>Build, develop, and maintain responsive, high-performance user interfaces for the critical metric platform using React (including Hooks, Context API, and modern React ecosystem tools).</li><li>Collaborate closely with product managers, UX/UI designers, data analysts, and backend engineers to translate business requirements, wireframes, and prototypes into polished, intuitive features.</li><li>Build reusable React components, custom hooks, and design system elements that ensure consistency across dashboards, charts, filters, drill-down views, and reporting interfaces.</li><li>Implement interactive data visualizations (using libraries such as Chart.js, D3.js, Recharts, or similar) while optimizing for large datasets and real-time updates.</li><li>Ensure outstanding user experience through thoughtful information architecture, interaction design, accessibility (WCAG standards), and usability testing/iteration.</li><li>Optimize front-end performance, including bundle size, rendering efficiency, lazy loading, and smooth handling of complex state in data-intensive applications.</li><li>Participate in code reviews, contribute to front-end architecture decisions, and help maintain high code quality through testing (unit, component, E2E).</li><li>Leverage AI coding assistants daily to boost productivity -- generating boilerplate, refactoring components, exploring implementations, and iterating on complex logic -- while critically reviewing and refining AI-generated output.</li><li>Stay updated on advancements in the React ecosystem, modern CSS guidelines (Tailwind, CSS modules, etc.), emerging UI/UX procedures for analytics tools, and evolving AI-assisted development workflows.</li></ul><div><b>Required Qualifications</b></div><ul><li>4+ years of professional experience in front-end development, with at least 2-3 years of strong, passionate focus on React.</li><li>Consistent experience applying AI-powered coding aids like GitHub Copilot, Cursor, or Claude (Claude Code / <span><a href="http://Claude.dev" target="_blank">Claude.dev</a></span>) to boost coding, debugging, refactoring, and learning during real-world projects.</li><li>Strong proficiency in modern JavaScript/TypeScript, HTML5, and CSS3 (including responsive design, flexbox/grid, animations/transitions).</li><li>Solid understanding of UI/UX principles and experience turning designer-provided assets (Figma, Sketch, Adobe XD, etc.) into production-ready code.</li><li>Experience building data-rich applications, dashboards, or analytics tools (e.g., benchmark tracking, metrics visualization, filtering/sorting, export features).</li><li>Familiarity with state management solutions (Redux, Zustand, or React Query) and React Router.</li><li>Knowledge of front-end build tools (Vite, Create React App), testing frameworks (Jest, React Testing Library, Cypress), and version control (Git).</li><li>Strong problem-solving skills and attention to detail are required when working with complex user flows and large-scale data presentation. You must also be able to evaluate and improve AI-suggested code for correctness, performance, and maintainability.</li></ul><div><b>Preferred Qualifications</b></div><ul><li>Experience with Vue.js (Vue 2 or Vue 3) is a strong plus, particularly for candidates open to working across frameworks.</li><li>Experience with data visualization libraries (Chart.js, ApexCharts, D3.js, etc.) and handling real-time or near-real-time data updates.</li><li>Understanding of REST/GraphQL APIs and WebSocket integration for live benchmark feeds.</li><li>Familiarity with accessibility auditing tools and inclusive building practices.</li><li>Previous work on internal enterprise tools or B2E (business-to-employee) platforms.</li><li>Exposure to building design systems or component libraries (MUI, Ant Design, Radix UI, or custom).</li><li>Proficiency with multiple AI coding tools is required. For example, combining Cursor for multi-file edits with Claude for deep reasoning or Copilot for inline completions. You should also know how to integrate these tools into team workflows.</li></ul><h2>What We Offer</h2><ul><li>Opportunity to own meaningful features in a high-impact internal platform that directly supports Adobe's creativity and decision-making.</li><li>Collaborative environment with direct input on UX and feature direction in a passionate culture.</li><li>Competitive salary and benefits packages.</li></ul><p>At Adobe, we believe in creating a company culture where all employees are empowered to make an impact. Learn more about Adobe life, including our values and culture, focus on people, purpose and community, Adobe For All, comprehensive benefits programs, the stories we tell, the customers we serve, and how you can help us change the world through personalized digital experience.</p><p>Adobe is proud to be an Equal Employment Opportunity employer. We do not discriminate based on gender, race or color, ethnicity or national origin, age, disability, religion, sexual orientation, gender identity or expression, veteran status, or any other applicable characteristics protected by law. Learn more.</p><p>Adobe aims to make Adobe.com accessible to any and all users. If you have a disability or special need that requires accommodation to navigate our website or complete the application process, email accommodations@adobe.com or call (408) 536-3015.</p><p><b>Expected Pay Range:</b></p>Our compensation reflects the cost of labor across several  U.S. geographic markets, and we pay differently based on those defined markets. The U.S. pay range for this position is $139,000 -- $257,550 annually. Pay within this range varies by work location and may also depend on job-related knowledge, skills, and experience. Your recruiter can share more about the specific salary range for the job location during the hiring process.<h3>‌</h3>In California, the pay range for this position is $177,900 - $257,550<p style="text-align:inherit"></p><p style="text-align:left">At Adobe, for sales roles starting salaries are expressed as total target compensation (TTC = base + commission), and short-term incentives are in the form of sales commission plans.  Non-sales roles starting salaries are expressed as base salary and short-term incentives are in the form of the Annual Incentive Plan (AIP).</p><p style="text-align:inherit"></p><p style="text-align:left">In addition, certain roles may be eligible for long-term incentives in the form of a new hire equity award.</p><p style="text-align:inherit"></p><p style="text-align:left"><u><b>State-Specific Notices:</b></u></p><p style="text-align:inherit"></p><p style="text-align:left"><b><u>California</u>:</b></p><p style="text-align:left"><b><span>Fair Chance Ordinances</span></b></p><p style="text-align:left">Adobe will consider qualified applicants with arrest or conviction records for employment in accordance with state and local laws and “fair chance” ordinances.</p><p style="text-align:inherit"></p><p style="text-align:left"><u><b>Colorado:</b></u></p><p style="text-align:left"><b><span>Application Window Notice</span></b></p><p style="text-align:inherit"></p><p style="text-align:left">If this role is open to hiring in Colorado (as listed on the job posting), the application window will remain open until at least the date and time stated above in Pacific Time, in compliance with Colorado pay transparency regulations. If this role does not have Colorado listed as a hiring location, no specific application window applies, and the posting may close at any time based on hiring needs.</p><p style="text-align:inherit"></p><p style="text-align:left"><u><b>Massachusetts:</b></u></p><p style="text-align:left"><b>Massachusetts Legal Notice</b></p><p style="text-align:left">It is unlawful in Massachusetts to require or administer a lie detector test as a condition of employment or continued employment. An employer who violates this law shall be subject to criminal penalties and civil liability.</p><p style="text-align:inherit"></p><p style="text-align:left"><b>Internal Opportunities</b></p><p style="text-align:left"><span>Creativity, curiosity, and constant learning are celebrated aspects of your career growth journey. We’re glad that you’re pursuing a new opportunity at Adobe! </span></p><p style="text-align:inherit"></p><p style="text-align:left"><b>Put your best foot forward:</b></p><p style="text-align:left">1. Update your Resume/CV and <a target="_blank" href="https://adobe.service-now.com/esc?id=kb_article&sysparm_article=KB0017896">Workday profile </a>– don’t forget to include your uniquely ‘Adobe’ experiences and volunteer work.</p><p style="text-align:left">2. Visit the <a target="_blank" href="https://inside.corp.adobe.com/career-growth/career-opportunities.html">Internal Mobility page</a> on Inside Adobe to learn more about the process and set up a job alert for roles you’re interested in.</p><p style="text-align:left">3. Check out these <a target="_blank" href="https://inside.corp.adobe.com/content/dam/learning-and-development/documents/career/Interviewing-DosAndDonts.pdf">tips</a> to help you prep for interviews.</p><p style="text-align:left">4. If you are applying for a role outside of your current country, ensure you review the <a target="_blank" href="https://inside.corp.adobe.com/content/inside/en/immigration-relocation/relocation.html#International-Relocating-Employees">International Resources for Relocating Employees</a> on Inside Adobe, including the impacts to your <a target="_blank" href="https://inside.corp.adobe.com/content/dam/immigration-relocation/documents/relocation/international-transfer-employee-impact-summary.pdf">Benefits, AIP, Equity & Payroll</a>. </p><p style="text-align:inherit"></p><p style="text-align:left">Once you apply for a role via Workday, the Talent Team will reach out to you within 2 weeks. If you move into the official interview process with the hiring team, make sure you inform your manager so they can champion your career growth.</p><p style="text-align:inherit"></p><p style="text-align:inherit"></p><p></p><p>At Adobe, you will be immersed in an exceptional work environment that is recognized around the world. You will also be surrounded by colleagues who are committed to helping each other grow through our unique Check-In approach where ongoing feedback flows freely. If you’re looking to make an impact, Adobe's the place for you. Discover what our employees are saying about their career experiences on the <a target="_blank" href="https://blog.adobe.com/en/topics/adobe-life">Adobe Life blog</a> and explore the meaningful <a target="_blank" href="https://benefits.adobe.com/">benefits</a> we offer.</p><p></p><p><b>Let’s Adobe together</b></p><p>At Adobe, we believe in creating a company culture where all employees are empowered to make an impact. Learn more about Adobe life, including our <a target="_blank" href="https://www.adobe.com/adobe-for-all.html#::text=and%20culture.-,Our%20company%20values.,-As%20we%20look"><span style="color:#0875e1"><u>values and culture</u></span></a>, <a target="_blank" href="https://www.adobe.com/corporate-responsibility.html"><span style="color:#0875e1"><u>focus on people, purpose and community</u></span></a>, <a target="_blank" href="https://www.adobe.com/diversity.html"><span style="color:#0875e1"><u>Adobe for All</u></span></a>, comprehensive <a target="_blank" href="https://benefits.adobe.com/"><span style="color:#0875e1"><u>benefits programs</u></span></a>, the <a target="_blank" href="https://blog.adobe.com/"><span style="color:#0875e1"><u>stories we tell</u></span></a>, the <a target="_blank" href="https://blog.adobe.com/en/topics/customer-stories"><span style="color:#0875e1"><u>customers</u></span></a> we serve, and how you can help us advance our mission of empowering everyone to create.</p><p></p><p>Adobe is proud to be an <a target="_blank" href="https://www.eeoc.gov/sites/default/files/2023-06/22-088_EEOC_KnowYourRights6.12ScreenRdr.pdf"><span style="color:#0875e1"><u>Equal Employment Opportunity</u></span></a> employer. We do not discriminate based on gender, race or color, ethnicity or national origin, age, disability, religion, sexual orientation, gender identity or expression, veteran status, or any other protected characteristic. <a target="_blank" href="https://www.adobe.com/content/dam/cc/en/careers/pdfs/executed-eeo.pdf"><span style="color:#0875e1"><u>Learn more.</u></span></a></p><p></p><p>Adobe aims to make our Careers website and recruiting process accessible to any and all users. If you have a disability or special need that requires accommodation to navigate our website or complete the application process, email <a target="_blank" href="mailto:accommodations@adobe.com"><span style="color:#0875e1"><u>accommodations@adobe.com</u></span></a> or call +1 408-536-3015. </p><p></p><p><b>AI Use Guidelines for Interviews:</b><br />Our interviews are designed to reflect your own skills and thinking. The use of AI or recording tools during live interviews is not permitted unless explicitly invited by the interviewer or approved in advance as part of a reasonable accommodation. If these tools are used inappropriately or in a way that misrepresents your work, your application may not move forward in the process.</p><p></p><p>At Adobe, we empower employees to innovate with AI — and we look for candidates eager to do the same. As part of the hiring experience, we provide clear guidance on where AI is encouraged during the process and where it’s restricted during live interviews. See how we think about <a target="_blank" href="https://careers.adobe.com/us/en/ai-and-your-hiring-experience"><span style="color:#0875e1"><u>AI in the hiring experience</u></span></a>.</p>

Back to blog