Design and build high-craft product experiences: Own key surfaces end to end, from concept through production. Use layout, interaction, and motion to make complex behavior feel simple and safe.
Work AI first with Cursor and Claude Code: Use LLMs, Cursor, and Claude Code as your starting point. Draft intent, explore implementations, scaffold components, and refactor with AI in the loop. Apply your own judgment to refine quality.
Prototype in code and validate with customers: Build interactive prototypes in React and TypeScript and test them with real users using self-serve research tools. Use what you learn to refine flows before full systemization.
Bridge design systems, product, and brand: Translate Ramp’s design principles into reusable components and patterns. Extend the design system so expressive, brand-aligned moments are easy to build and scale.
Reveal what our agents are doing without noise: Design patterns that show what AI and automation are doing on behalf of customers. Use hierarchy, copy, and motion to earn trust while keeping the default experience simple.
Champion performance and accessibility: Ship work that is fast, accessible, and robust. Pay attention to semantics, focus states, reduced motion, and Core Web Vitals. Partner with engineers to debug and optimize over time.
Share AI-native workflows: Document prompts, patterns, and workflows you use in Cursor and Claude Code. Share them with designers and engineers to raise the bar across the team.
Requirements
Strong experience across both design and front-end engineering, with ownership from idea to shipped interface
Fluency in React, TypeScript or JavaScript, semantic HTML, and modern CSS
Active use of tools like Cursor and Claude Code, with clear opinions on how to get high-quality output
A portfolio that shows high visual and interaction craft in live experiences or working prototypes
A systems mindset and interest in building reusable components and patterns
Care for performance, accessibility, and reliability as part of craft
Clear written and verbal communication, and comfort pairing with designers, engineers, and marketers
Tech Stack
JavaScript
React
TypeScript
Benefits
100% medical, dental & vision insurance coverage for you
Partially covered for your dependents
One Medical annual membership
401k (including employer match on contributions made while employed by Ramp)
Flexible PTO
Fertility HRA (up to $10,000 per year)
Parental Leave
Pet insurance
Centralized home-office equipment ordering for all employees