Design Engineer

CodeRabbit is an innovative research and development company focused on creating advanced human-machine collaboration systems. They are seeking a Design Engineer to bridge the gap between design and front-end engineering, responsible for implementing and evolving their marketing website while collaborating with various teams to enhance user experience.

Responsibilities:

• Own the front-end implementation of coderabbit.ai — building and shipping new pages, sections, and interactive experiences in our Next.js 15 / TypeScript / Tailwind CSS stack
• Translate design concepts (from Figma comps, rough sketches, or your own ideas) into polished, performant, production-ready code
• Build performant animations, transitions, and interactive moments using GSAP, Framer Motion, and WebGL/Three.js that elevate the website experience without compromising page speed or core web vitals
• Maintain and extend our front-end component library, ensuring consistency and reusability across every marketing surface
• Partner with marketing and content teams to design and build landing pages, campaign pages, product announcements, and conversion-focused experiences
• Rapidly prototype and ship web assets for launches, events, and growth experiments with minimal hand-holding
• Create and maintain reusable page templates that empower the marketing team to move faster
• Support visual content needs including social graphics, blog illustrations, email templates, and lightweight motion graphics when needed
• Approach every animation and interactive element with a performance-first mindset optimizing for frame rate, bundle size, and perceived load time
• Profile and optimize WebGL scenes, GSAP timelines, and Framer Motion transitions to ensure smooth, performant experiences across devices
• Proactively identify opportunities to improve website performance, accessibility, and overall user experience

Requirements:

• 3–7 years of experience in a design engineering, front-end engineering, or web design role with a strong portfolio of shipped marketing websites
• Deep proficiency in React / Next.js, TypeScript, and Tailwind CSS — you write clean, maintainable front-end code
• Strong design eye and working fluency in Figma — you can design, critique, and iterate with confidence
• Demonstrated experience building performant web animations with GSAP and Framer Motion — you understand timelines, scroll-triggered sequences, and layout animations, and you know how to keep them running smoothly without degrading page performance
• Hands-on experience with WebGL and Three.js for creating interactive 3D or particle-based visuals on marketing websites, with a strong understanding of GPU performance, draw calls, and optimization techniques
• A disciplined approach to performance — you measure core web vitals, profile render loops, lazy-load heavy assets, and treat bundle size as a design constraint
• Comfort working in a Git-based workflow (branching, pull requests, code review) and deploying on Vercel or similar platforms
• A portfolio or set of live URLs that demonstrate your ability to ship high-quality, performant web experiences end to end
• Experience building for developer-audience websites where technical credibility and performance expectations are high
• Experience with SVG animation, generative visual techniques, or shader-based effects (GLSL)
• Experience working in fast-paced startup environments with high ownership expectations