Design Engineer
Hybrid (San Francisco)$175k - $225kFull-timePosted 1mo ago
About the role
Design Engineer at CodeRabbit working at the intersection of design and code to prototype, build, and polish experiences across IDEs, Git platforms, CLI, and web, delivering production-quality UI and design-system components while aligning with AI-enabled developer tools.
Responsibilities
- Build production-quality UI. Ship polished components and interactions that make complex code analysis feel effortless and earn developers' trust in AI-generated suggestions.
- Prototype rapidly. Turn concepts for emerging AI experiences — real-time review, conversational feedback, agentic workflows — into working prototypes in hours, not days, to validate ideas before full implementation.
- Bridge design and engineering. Translate high-fidelity designs into pixel-perfect code, and push design forward through technical innovation the mockups couldn't anticipate.
- Own implementation quality. Set and hold the bar for UI execution across the product — smooth interactions, thoughtful motion, and micro-interactions that make the product feel alive.
- Build the design system in code. Create and maintain reusable, well-engineered components spanning Web, IDE extensions, Git platforms, and CLI surfaces, so the whole team ships faster.
- Make complex data legible. Implement clear, performant visualizations for code quality metrics, dependency graphs, and AI-generated insights.
- Stay close to the model. Build for where AI capabilities are heading, not just what they can do today, and help define interaction paradigms native to AI and developer tools.
Qualifications
- Equally fluent in Figma and your editor. You move between design tools and code without friction, and you're credible in both rooms.
- Strong front-end engineering. Deep skills in TypeScript, React, CSS, and animation, with an instinct for building reusable, maintainable UI systems.
- An obsession with craft. You have an eye for design details, you've shipped polished products, and you know what it takes to get from 90% to 100%.
- You ship fast and learn in the open. You'd rather get something in front of users this week than perfect it for a month — and you find ways to keep the care in the details while moving quickly.
- You're AI-native in how you work. You already use AI tools to extend what you can build and see AI as a creative partner in your own practice.
- You're rethinking the basics. You're excited to question assumptions and invent patterns native to AI and developer tools.
Skills
Required:TypeScriptReactCSSFigma
Nice to have:Animation
Benefits
- Competitive salary, meaningful equity, and benefits.
- Professional development and the resources to do the best work of your career.
Last updated Sep 2, 2026. Interested? Apply on the company site.
About CodeRabbit
AI Code Reviews | CodeRabbit | Try for Free
The most advanced AI code reviews that catches 95%+ bugs. Free your devs to ship code faster.
AI Code ReviewsGitHubGitLabbrex-fastest-growing-2025codegit
More open roles at CodeRabbit
- Pooled Customer Success Manager4d agoSF | Boston · Customer Success
- Director, Enterprise Customer Success Management4d agoHybrid (San Francisco) · Customer Success
- Global Benefit Operations Manager4d agoSan Francisco · G&A
- Manager, Sales Compensation4d agoHybrid (San Francisco) · Finance
- Sr. Data Analyst (San Francisco)1w agoHybrid (San Francisco) · Revenue Operations