About this role
<b>Overview</b><br><div><p><span><span>About </span><span>AIx</span><span> Design & Research</span></span><span> </span></p></div><div><p><span>If you're curious, creative, and excited by how AI is reshaping the practice of design, we'd love to work with you! The AI Experiences Design & Research team is a community of designers, researchers, and makers reimagining how people interact with technology. We design across Microsoft's AI-powered experiences, including Copilot, Edge, Bing, MSN, and emerging products, creating end-to-end journeys that span devices, platforms, and contexts. We're looking for people who embrace experimentation, use new tools to expand what's possible, and aren't afraid to move beyond traditional design boundaries. Together, we're building experiences that make AI more useful, intuitive, and delightful for billions of people around the world. Join us as we reimagine not only the products people use, but the future of design itself!</span> <span> </span></p></div><div><p><span>The opportunity</span><span> </span></p></div><div><p><span>We’re looking for a hands-on design engineer who thinks like an artist and builds for the browser. On the Copilot Design team at Microsoft, you’ll originate a distinctive visual point of view and turn it into expressive, useful interactive experiences. Composition, typography, light, material, timing and physical behavior are part of your design vocabulary; JavaScript, shaders and real-time rendering are part of your medium.</span><span> </span></p></div><div><p><span>This is a specialist role for someone who can invent the experience and code it, not only implement a finished design. You’ll work across artistic exploration and production engineering, balancing surprise and delight with clarity, accessibility and responsiveness. The work asks for both ambition and restraint: know when motion makes an interaction more understandable, and when a quieter experience serves people better.</span><span> </span></p></div><br><br><b>Responsibilities</b><br><div> </div><div><ul><li><span><span>Conceive, sketch in </span><span>code</span><span> and refine distinctive interactive experiences. Make artistic decisions about composition, typography, light, material, </span><span>rhythm</span><span> and physical behavior, then test how those choices work in a real interface.</span></span><span> </span></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span>Create code-driven motion, custom shaders and procedural or generative visuals that respond to user input and product state. Design coherent transitions and behaviors, not just isolated effects.</span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Explore useful assistant interactions such as activity and progress, transitions, </span><span>interruption</span><span> and feedback. These are illustrative opportunities to investigate, not a commitment to a particular product roadmap.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Develop production-ready components and partner with product engineering on integration, </span><span>testing</span><span> and maintenance. Carry the visual intent through implementation, including state changes, edge </span><span>cases</span><span> and graceful degradation.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Turn successful explorations into reusable motion and graphics primitives, </span><span>components</span><span> and tools. Document the artistic and technical choices so other designers and engineers can extend the work without losing its character.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Profile CPU and GPU work, frame time, memory, </span><span>loading</span><span> and input responsiveness. Build accessible, </span><span>reduced-motion</span><span> and non-GPU alternatives, and </span><span>validate</span><span> behavior across browsers, devices and </span><span>different levels</span><span> of graphics capability.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Set a high creative and technical craft bar while staying hands-on. Mentor through critique and code review, explain trade-offs clearly and help partners choose purposeful expression over unnecessary </span><span>spectacle</span><span>.</span></span><span> </span></p></li></ul></div><br><br><b>Qualifications</b><br><div><p><span>Skills & experience</span><span> </span></p></div><div><p><span>We value demonstrated craft and ownership, whether developed through professional roles, independent practice, open-source work or self-directed learning. Equivalent practical experience and nontraditional paths are welcome. The specialist capabilities below matter more than having used every tool in a particular stack.</span><span> </span></p></div><div><p><span>Required skills:</span></p><ul><li><span><span>Master's Degree in Computer Science, Software Engineering, Graphic Design, Product Design, Visual Design, Human Computer Interaction, or related field AND 4+ years experience working in product or service design and/or shipping production code </span></span><ul><li><span><span>OR Bachelor's Degree in Computer Science, Software Engineering, Graphic Design, Product Design, Visual Design, Human Computer Interaction, or related field AND 6+ years experience working in product or service design and/or shipping production code </span></span></li><li><span><span>OR 8+ years experience working in product or service design and/or shipping production code </span></span></li><li><span><span>OR equivalent experience.</span> </span></li></ul></li></ul></div><div><div><p><span>Preferred Skills & Experience:</span></p></div><div><ul style="list-style-type: disc;"><li><p><span><span>A portfolio showing original artistic direction and the ability to originate, develop and iterate visual ideas in code. You can explain why your choices in composition, typography, light, </span><span>material</span><span> and motion serve the experience.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Strong hands-on coded motion and interaction design, including timing, easing, sequencing, </span><span>spring</span><span> or physics-based behavior, and responsive or interruptible transitions. Motion is a core craft, not a finishing layer.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Hands-on real-time browser graphics using WebGL or </span><span>WebGPU</span><span>, including writing and adapting custom shaders. You understand rendering fundamentals well enough to shape the result, debug it and explain the trade-offs; GLSL or WGSL are examples of relevant shader languages.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Strong JavaScript/TypeScript and contemporary browser engineering skills, including </span><span>component</span><span> architecture, asynchronous state, input handling, responsive </span><span>interfaces</span><span> and code review. You can integrate a graphics experience into a maintained product, not only a standalone demo.</span></span><span> </span></p></li></ul></div><div><ul style="list-style-type: disc;"><li><p><span><span>Experience profiling and improving browser rendering, loading, </span><span>memory</span><span> and input responsiveness. You can preserve visual intent while meeting accessibility needs, honoring reduced </span><span>motion</span><span> and providing reliable non-GPU paths across browsers and devices.</span></span><span> </span></p></li></ul></div><div><ul><li><p><span><span>Demonstrated ownership of ambiguous work from creative direction through delivery, with clear communication and effective design–engineering partnership. </span><span>You</span><span> welcome critique, make sound trade-</span><span>offs</span><span> and help others raise their artistic and technical craft.</span></span> </p></li><li>Libraries are flexible. Three.js, React Three Fiber, GSAP and Motion are examples of useful tools, not a checklist. We care about the ideas you originate, your depth in motion and real-time graphics, and the quality of the browser experience you deliver.</li><li><span><span>Deeper </span><span>WebGPU</span><span>, compute or GPU profiling experience, including rendering pipelines, </span><span>simulations</span><span> or techniques for efficient procedural and generative graphics.</span></span> </li><li><span>Experience building reusable motion or graphics systems, authoring </span><span>tools</span><span> or creative workflows that other people adopt and can </span><span>maintain</span><span>.</span> </li><li><span>Experience </span><span>designing for</span><span> AI or assistant experiences, </span><span>especially</span><span> making complex or changing states understandable. An AI-specific background is welcome, not </span><span>required</span><span>.</span> </li><li><span>A practice of sharing craft through thoughtful technical writing, creative coding experiments, open-source contributions, </span><span>teaching</span><span> or mentorship.</span><span> </span></li></ul></div></div> <br><br><p>UX Engineering IC5 - The typical base pay range for this role across the U.S. is USD $142,800 - $274,800 per year. There is a different range applicable to specific work locations, within the San Francisco Bay area and New York City metropolitan area, and the base pay range for this role in those locations is USD $188,000 - $304,200 per year. </p><p></p> <p>Certain roles may be eligible for benefits and other compensation. Find additional benefits and pay information here:<br><a href="https://careers.microsoft.com/us/en/us-corporate-pay">https://careers.microsoft.com/us/en/us-corporate-pay</a></p><br><p>This position will be open for a minimum of 5 days, with applications accepted on an ongoing basis until the position is filled.</p><br><hr><br><p>Microsoft is an equal opportunity employer. All qualified applicants will receive consideration for employment without regard to age, ancestry, citizenship, color, family or medical care leave, gender identity or expression, genetic information, immigration status, marital status, medical condition, national origin, physical or mental disability, political affiliation, protected veteran or military status, race, ethnicity, religion, sex (including pregnancy), sexual orientation, or any other characteristic protected by applicable local laws, regulations and ordinances. If you need assistance with religious accommodations and/or a reasonable accommodation due to a disability during the application process, read more about <a href="https://careers.microsoft.com/v2/global/en/accessibility.html"><b><u>requesting accommodations.</u></b></a></p>