Applied Methods
~The MetaEngineeringDesign Engineer

Design Engineer

Design Engineers in this role combine pixel-perfect front-end craftsmanship with strong design sensibility to build user-facing experiences for AI products. Working closely with designers and product teams, they own product surfaces end-to-end—from prototyping in code and validating with users to shipping production-quality interfaces with obsessive attention to performance, accessibility, and detail. These engineers typically work in fast-moving AI companies building consumer or creator-focused products, translating complex AI capabilities into intuitive, delightful interfaces that feel magical to users. They move fluidly between design tools and code, prototype rapidly in React/TypeScript, and champion the small details that elevate craft and experience across their entire product.

$ titles --canonical
Design EngineerSenior Design EngineerPrincipal Design EngineerLead Design EngineerFrontend Platform Engineer, Design Systems
Open Jobs17
Companies Hiring14
$02

Skills

What companies are looking for in this role.

$ skills --core

Building pixel-perfect, responsive user interfaces with attention to visual hierarchy, spacing, and typography

95%

Developing and maintaining component libraries and design systems with clean APIs and consistent patterns

92%

Translating high-fidelity design mockups into production-ready, accessible code with exact visual fidelity

90%

Creating smooth animations, micro-interactions, and transitions that enhance user experience and product feel

88%

Bridging design and engineering by translating design intent into scalable technical solutions and component architecture

88%

Mastering CSS including flexbox, grid, animations, transforms, and solving cross-browser compatibility issues

87%

Designing and implementing interactive prototypes to validate design concepts and user interactions

85%

Building reusable, maintainable UI components that scale across products and teams

83%

Implementing accessibility standards and best practices throughout user interfaces and components

82%

Optimizing frontend performance including rendering efficiency, bundle size reduction, and maintaining 60fps animations

80%

Establishing and evolving frontend development patterns for state management, data fetching, and component composition

75%

Understanding and implementing motion design principles to add clarity and enhance user feedback

75%
$ skills --emerging

Leveraging AI-assisted coding tools and workflows to accelerate development and exploration cycles

65%

Using AI language models as collaborators in the design and development process to clarify intent and explore implementations

60%

Reducing design-to-code drift through automation, tooling, and establishing single sources of truth between design and implementation

58%

Designing interactions and interfaces for AI-generated content and agentic systems

55%
$ skills --soft

Collaborating directly with product designers to ensure design specifications are faithfully implemented in code

87%

Rapidly prototyping and iterating on concepts, moving from exploration to production with both speed and craft

85%

Demonstrating a sharp eye for craft, detail, and design precision with strong product sense and design judgement

83%

Making informed trade-offs between shipping quickly and maintaining high quality standards

80%

Owning and driving significant product surfaces end-to-end from concept through production launch

78%

Partnering with product managers and engineers to align on requirements, feasibility, and implementation approach

75%

Mentoring and raising the bar for frontend craft across engineering teams through code reviews and best practices

72%
$03

Technology

The tools and technologies that define this role.

$ tech --language
CSSvery high
JavaScriptvery high
TypeScriptvery high
HTMLhigh
$ tech --framework
Reactvery high
Next.jshigh
Framer Motionmoderate
React Testing Librarymoderate
Electronlow
SolidJSlow
$ tech --tool
Figmahigh
Bundlersmoderate
Claudemoderate
Code Connectmoderate
Cursormoderate
Dev Modemoderate
ESLintmoderate
MCPmoderate
Prettiermoderate
Storybookmoderate
Vitestmoderate
Claude Codelow
$ tech --concept
Component architecturevery high
Design tokenshigh
State managementhigh
CI/CD pipelinesmoderate
Interactive prototypingmoderate
Data visualizationlow
Headless CMSlow
REST APIlow
WebGLlow
$04

Open Jobs

17 open Design Engineer jobs across 14 companies.

Anthropic4w
Staff Software Engineer, Claude Design
San Francisco, CA | New York City, NY | Seattle, WA·Engineering
Legora4w
Design Systems Engineer
Stockholm HQ·Engineering
Gamma1mo
UI Engineer
San Francisco·Engineering
Lovable1mo
Staff / Principal Design Engineer
Stockholm·Engineering
Anthropic1mo
Design Engineer, Web
Remote-Friendly (Travel-Required) | San Francisco, CA | New York City, NY·Engineering
Rillet1mo
Design Engineer
San Francisco·Engineering
Shield AI2mo
Senior Product Designer (R4854)
Dallas, Texas·Engineering
Granola2mo
Design Engineer
London·Engineering
Lovable2mo
Staff / Principal Design Engineer (Web & Brand)
Stockholm·Engineering
Serval2mo
Design Engineer
San Francisco·Engineering
EliseAI2mo
Design Engineer
New York City·Engineering
Crusoe3mo
Principal Design Engineer
Denver, CO - US·Engineering
Ramp4mo
Design Engineer
New York, NY (HQ)·Engineering
Cursor7mo
Design Engineer
San Francisco·Engineering
Replit7mo
Design Engineer
Foster City, CA·Engineering
Lovable9mo
Design Engineer
Stockholm·Engineering
Runway1y+
Design Engineer
Remote·Engineering