CodeRabbit Logo

CodeRabbit

Design Engineer

Posted 20 Days Ago
Be an Early Applicant
Hybrid
San Francisco, CA, USA
175K-225K Annually
Mid level
Hybrid
San Francisco, CA, USA
175K-225K Annually
Mid level
Build and polish production-quality user interfaces for an AI code review platform across web, IDEs, Git platforms, and CLI surfaces. Rapidly prototype emerging AI workflows, translate designs into pixel-perfect code, maintain reusable design-system components, and create performant visualizations for code metrics and AI insights. Collaborate closely with design, engineering, and AI teams while defining new interaction patterns for developer tools.
The summary above was generated by AI
About CodeRabbit

CodeRabbit is the leading AI code review platform, trusted by more than 17,000 customers and 150,000 open-source projects, conducting over 2 million code reviews each week. We build the symbiotic partnership between developers and AI that makes shipping fast software safe again, reviewing every pull request, IDE change, and CLI commit so teams can move quickly without breaking things.

 

We are a fast-moving, well-funded company, fresh off a $143M Series C at a $1.5B valuation — building Agentic Change Management, the control layer for software changes created by humans and agents. As AI writes more of the world's code, the bottleneck moves from implementation to judgment and helping human judgment scale is exactly the problem we exist to solve.

About the role

We're looking for a Design Engineer who lives at the intersection of design and code. You will prototype, build, and polish the experiences that make CodeRabbit feel like a trusted teammate rather than noise — across IDEs, Git platforms, the CLI, and the web, surfaces with few established conventions, where the right interaction pattern hasn't been invented yet.

Whether a developer trusts an AI-generated suggestion enough to merge it often comes down to execution: the pixels, the motion, the copy, the milliseconds of latency, the edge cases. This role owns that last mile. It is perfect for someone who thinks like a designer but builds like an engineer — or vice versa.

This is a high-ownership role working directly with design, engineering, and AI teams to define what's possible and then ship it, fast.

What you'll do
  • 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.

What we're looking for
  • Equally fluent in Figma and your editor. You move between design tools and code without friction, and you're credible in both rooms. This is the core of the role.

  • 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. Many UI primitives were designed for a different era; you're excited to question assumptions and invent patterns native to AI and developer tools.

You may be a good fit if you have
  • 2–5+ years of experience in design engineering, front-end, or product design roles, with a portfolio or shipped work demonstrating both engineering rigor and visual craft.

  • A proven track record of shipping complex technical products end-to-end in ambiguous, fast-moving environments.

  • Experience building or contributing to design systems and component libraries across multiple platforms.

  • Strong command of modern front-end tooling (TypeScript, React, CSS, animation libraries) and modern design tools (e.g., Figma).

  • Excellent collaboration and communication skills across cross-functional teams.

Nice to have

  • Experience at developer-focused companies (e.g., GitHub, Postman, Hasura) or building developer tools.

  • A background in or strong understanding of software development and Git workflows.

  • Experience with IDE extensions (VS Code, JetBrains), Electron, or building cross-platform apps.

  • Experience designing or building AI/ML-powered interfaces, or motion design and micro-interactions.

  • Contributions to open-source projects or design systems.

What we offer
  • The chance to define the design language for a category-defining AI product used by millions of developers.

  • A collaborative, high-velocity environment working alongside strong engineers and AI researchers.

  • Competitive salary, meaningful equity, and benefits.

  • Professional development and the resources to do the best work of your career.

HQ

CodeRabbit Walnut Creek, California, USA Office

Walnut Creek, California, United States, 94598

Similar Jobs

2 Hours Ago
In-Office
39K-50K Hourly
Internship
39K-50K Hourly
Internship
Artificial Intelligence • Hardware • Information Technology • Machine Learning
Supports physical implementation of HBM SoC design blocks, including floorplanning, placement, clock tree synthesis, routing, optimization, timing closure, and physical verification. Analyzes timing, power, area, congestion, and signoff results while developing automation scripts and workflows using Python, Tcl, shell scripting, and AI-assisted tools. Collaborates with architecture, RTL, verification, DFT, and signoff teams on next-generation memory designs.
Top Skills: Ai-Assisted ToolsAsicCadence InnovusCadence TempusClock Tree SynthesisDrcLarge Language ModelsLvsParasitic ExtractionPerlPhysical VerificationPythonRtl-To-GdsiiShell ScriptingSiemens CalibreStatic Timing AnalysisSynopsys Icc2Synopsys PrimetimeTclVlsi
2 Hours Ago
In-Office
150K-308K Annually
Senior level
150K-308K Annually
Senior level
Artificial Intelligence • Hardware • Information Technology • Machine Learning
Supports advanced HBM DRAM design by interfacing with foundries, evaluating semiconductor technologies, performing HSPICE and circuit analyses, validating test chips and silicon, assessing PDKs, enabling design flows, and improving engineering productivity through AI and automation. The role requires expertise in advanced CMOS, FinFET devices, process integration, device characterization, PPA analysis, parasitic extraction, and physical verification, with collaboration across design, foundry, manufacturing, and product engineering teams.
Top Skills: AIBeolCadCmosDramFinfetHbmHspiceParasitic ExtractionPdkPhysical VerificationSpiceTsv
Yesterday
Easy Apply
Remote or Hybrid
United States
Easy Apply
208K-312K Annually
Entry level
208K-312K Annually
Entry level
Artificial Intelligence • Cloud • Software
Own product design and frontend implementation for Vercel’s AI Gateway across the website, dashboard, CLI, and APIs. Translate complex AI infrastructure concepts into understandable, accessible, high-performance experiences. Work directly with customers, product managers, and engineers to research problems, ship production-quality solutions, and improve them after launch. Use React, TypeScript, product data, customer feedback, and coding agents while maintaining responsibility for quality, testing, debugging, and resilience.
Top Skills: ReactTypescript

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