Microsoft Logo

Microsoft

Principal Design Engineer, Interactive Graphics, Copilot

Posted 8 Days Ago
Remote
Hiring Remotely in United States
143K-304K Annually
Mid level
Remote
Hiring Remotely in United States
143K-304K Annually
Mid level
Originate and build expressive interactive graphics and motion experiences for Copilot using code, shaders, and real-time browser rendering. Develop production-ready components, optimize CPU/GPU performance, ensure accessibility and reduced-motion support, and collaborate with product engineering on integration and maintenance. Create reusable graphics systems and tools, document technical and artistic decisions, mentor teammates, and guide ambiguous projects from creative concept through delivery.
The summary above was generated by AI
Overview

About AIx Design & Research 

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!  

The opportunity 

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. 

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. 


Responsibilities
 
  • Conceive, sketch in code and refine distinctive interactive experiences. Make artistic decisions about composition, typography, light, material, rhythm and physical behavior, then test how those choices work in a real interface. 
  • 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. 

  • Explore useful assistant interactions such as activity and progress, transitions, interruption and feedback. These are illustrative opportunities to investigate, not a commitment to a particular product roadmap. 

  • Develop production-ready components and partner with product engineering on integration, testing and maintenance. Carry the visual intent through implementation, including state changes, edge cases and graceful degradation. 

  • Turn successful explorations into reusable motion and graphics primitives, components and tools. Document the artistic and technical choices so other designers and engineers can extend the work without losing its character. 

  • Profile CPU and GPU work, frame time, memory, loading and input responsiveness. Build accessible, reduced-motion and non-GPU alternatives, and validate behavior across browsers, devices and different levels of graphics capability. 

  • 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 spectacle. 


Qualifications
 

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. 

Required skills:

  • 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
    • 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
    • OR 8+ years experience working in product or service design and/or shipping production code
    • OR equivalent experience. 

Preferred Skills & Experience:

  • 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, material and motion serve the experience. 

  • Strong hands-on coded motion and interaction design, including timing, easing, sequencing, spring or physics-based behavior, and responsive or interruptible transitions. Motion is a core craft, not a finishing layer. 

  • Hands-on real-time browser graphics using WebGL or WebGPU, 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. 

  • Strong JavaScript/TypeScript and contemporary browser engineering skills, including component architecture, asynchronous state, input handling, responsive interfaces and code review. You can integrate a graphics experience into a maintained product, not only a standalone demo. 

  • Experience profiling and improving browser rendering, loading, memory and input responsiveness. You can preserve visual intent while meeting accessibility needs, honoring reduced motion and providing reliable non-GPU paths across browsers and devices. 

  • Demonstrated ownership of ambiguous work from creative direction through delivery, with clear communication and effective design–engineering partnership. You welcome critique, make sound trade-offs and help others raise their artistic and technical craft.

  • 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.
  • Deeper WebGPU, compute or GPU profiling experience, including rendering pipelines, simulations or techniques for efficient procedural and generative graphics.
  • Experience building reusable motion or graphics systems, authoring tools or creative workflows that other people adopt and can maintain.
  • Experience designing for AI or assistant experiences, especially making complex or changing states understandable. An AI-specific background is welcome, not required.
  • A practice of sharing craft through thoughtful technical writing, creative coding experiments, open-source contributions, teaching or mentorship. 

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.

Certain roles may be eligible for benefits and other compensation. Find additional benefits and pay information here:
https://careers.microsoft.com/us/en/us-corporate-pay


This position will be open for a minimum of 5 days, with applications accepted on an ongoing basis until the position is filled.



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 requesting accommodations.

Microsoft Mountain View, California, USA Office

1065 La Avenida, Mountain View, CA 94043, Mountain View, United States, 94043

Microsoft Palo Alto, California, USA Office

Palo Alto, United States

Microsoft San Francisco, California, USA Office

835 Market Street, Suite 700, San Francisco, CA 94103, San Francisco, United States, 94103

Microsoft San Jose, California, USA Office

San Jose, United States

Microsoft Sunnyvale, California, USA Office

Sunnyvale, United States

Similar Jobs

2 Minutes Ago
Remote or Hybrid
United States
78K-107K Annually
Senior level
78K-107K Annually
Senior level
Healthtech • Information Technology • Security • Software • Cybersecurity
Implements enterprise software solutions for customers and partners, from technical assessment and planning through deployment, testing, training, and project completion. The role installs and integrates Imprivata products with healthcare, identity, virtualization, database, and mobile device management technologies. Responsibilities include troubleshooting Windows environments, coordinating project activities, maintaining implementation methodologies, developing technical documentation, conducting workshops, and delivering advanced customer and partner training. Extensive domestic travel of approximately 75% is required.
Top Skills: AuthenticationAutoitCernerCitrixCitrix Endpoint ManagementDirectory ServicesEncryptionEpicFirewallsGroundcontrolHyper-VIdentity ManagementImprivata Confirm IdImprivata OnesignImprivata PamIvanti Endpoint Manager MobileJavaScriptLan/WanMckessonMdmMeditechMicrosoft IntuneMs SqlMySQLNutanixOraclePkiPmpPostgresProvisioningRoutersSalesforceSQLSsisSwitchesVbscriptVdiVMwareWeb SsoWorkspace One Uem
2 Minutes Ago
Remote or Hybrid
10 Locations
150K-170K Annually
Mid level
150K-170K Annually
Mid level
Information Technology • Productivity • Software • Infrastructure as a Service (IaaS)
Automates browser-based workflows with Selenium, PowerShell, and Python; extracts and transforms data; supports AWS provisioning through Ansible; performs SQL queries and reporting; identifies workflow automation opportunities; troubleshoots scripts and data processes; and documents processes for long-term maintenance.
Top Skills: AnsibleAWSMySQLPowershellPythonSeleniumSQLSQL Server
8 Minutes Ago
Remote
United States
Senior level
Senior level
Big Data • Cloud • Software • Generative AI • Big Data Analytics
Own and expand a portfolio of 15–25 enterprise accounts, generating approximately $1.2M in annual expansion quota. Prospect within existing customers, identify new departments and use cases, build executive relationships, run business and quarterly reviews, and close complex 6–12 month enterprise deals. Partner with sales engineers, customer success, and leadership while creating account plans, developing pipeline, and presenting Monte Carlo’s data and AI reliability platform to technical and executive buyers.
Top Skills: Ai InfrastructureAnthropic ClaudeData ObservabilitySnowflake

What you need to know about the San Francisco Tech Scene

San Francisco and the surrounding Bay Area attracts more startup funding than any other region in the world. Home to Stanford University and UC Berkeley, leading VC firms and several of the world’s most valuable companies, the Bay Area is the place to go for anyone looking to make it big in the tech industry. That said, San Francisco has a lot to offer beyond technology thanks to a thriving art and music scene, excellent food and a short drive to several of the country’s most beautiful recreational areas.

Key Facts About San Francisco Tech

  • Number of Tech Workers: 365,500; 13.9% of overall workforce (2024 CompTIA survey)
  • Major Tech Employers: Google, Apple, Salesforce, Meta
  • Key Industries: Artificial intelligence, cloud computing, fintech, consumer technology, software
  • Funding Landscape: $50.5 billion in venture capital funding in 2024 (Pitchbook)
  • Notable Investors: Sequoia Capital, Andreessen Horowitz, Bessemer Venture Partners, Greylock Partners, Khosla Ventures, Kleiner Perkins
  • Research Centers and Universities: Stanford University; University of California, Berkeley; University of San Francisco; Santa Clara University; Ames Research Center; Center for AI Safety; California Institute for Regenerative Medicine

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account