UX Engineer (Hybrid)

At Homebase, you’ll join a team that’s bold, fast-moving, and obsessed with helping small businesses thrive. We build with empathy, act with urgency, and take big swings that drive real-world impact. Here, every Homie shows up to raise the bar, support one another, and celebrate wins as a team.

We’re not just building an app—we’re building unstoppable teams. So what do you say, are you in?

📍Your Impact Starts Here

Designbase is the foundation that every product team at Homebase builds on. As a Design Engineer on the Designbase team, you'll join a tight-knit systems crew — pairing with our existing Design Engineer and Design Systems Lead Designer — to close the gap between what designers imagine and what engineers ship, at scale, across web and native app surfaces.

You are a builder. Your craft lives in the component library but isn’t always limited there. You'll co-own Storybook alongside your engineering counterpart — building net-new components, maintaining and evolving what exists, and making sure every implementation reflects the design intent in Figma with precision. Critically, this spans both web and native. You're comfortable thinking in both and know where they share logic and where they diverge.

One sprint you're shipping a new form component and writing its usage documentation. The next, you're pairing with your fellow Design Engineer on a gnarly React Native state issue. Then you're in Figma with the Design Systems Lead, pressure-testing a new pattern before it gets built. The team is small and the leverage is enormous.

This role is for someone who thrives in a collaborative systems environment, is obsessed with quality at the component level, and gets genuinely excited about the infrastructure that makes everyone else's work better.

• Build net-new components — Own the component build process from Figma review to coded component to documented storybook story. You catch edge cases designers didn't spec and flag them before they become debt.

• Maintain and evolve existing components — Audit the library regularly. Deprecate the stale, upgrade the brittle, and keep the system consistent as the product grows.

• Bridge Figma and code with zero drift — Be the source of truth on what's actually shipped. When a component in Figma and in Storybook diverge, you're the one who notices and fixes it.

• Write the documentation that engineers actually use — Clear usage guidelines, prop tables, do/don't examples, and accessibility notes. Documentation is part of the component, not an afterthought.

• Leverage AI as a force multiplier — You're not experimenting with AI for the first time. You use it concretely: scaffolding components, generating test coverage, drafting documentation, exploring pattern variants faster than manual iteration allows. You have a workflow, and you can show it.

• Work closely with iOS and Android teams – You won’t be writing in Swift or Kotlin (unless you want to!) but it’s important you work closely with the respective teams to ensure the components are built to the highest standards

• Advocate for accessibility — WCAG compliance isn't a checkbox. You bake it into component architecture and catch violations before they reach product teams.

• Support cross-team adoption — Partner with product engineers across the org to unblock them on the design system. Review PRs, answer questions, and make the system easy to use correctly.

• Own the system layer, not just the components — You think about the infrastructure that makes components work at scale: token architecture, the Figma-to-code pipeline, how tokens flow across web and native surfaces. You bring informed opinions on tooling and patterns not just for what to build, but how the whole system holds together.

• 4–7 years of frontend, UX engineering, or design engineering experience, with meaningful time spent in a design systems context. We care less about your title than your ability to move fluidly between Figma and production code, and to build things that scale across a team.

• React Native experience — you've built or maintained components in React Native and understand how it differs from web in practice (layout, gestures, platform-specific behavior). You understand how React Native components behave differently on iOS and Android — layout quirks, gesture handling, platform conventions — and you design around those constraints rather than fighting them

• Storybook fluency — you've owned or significantly contributed to a component library documented in Storybook

• Demonstrated ability to maintain design-to-code fidelity — you can look at a component in Figma and in the browser or native app and immediately see the delta

• Cross-platform thinking — you know where web and native components can share logic and where they need to diverge, and you make those calls with confidence

• Accessibility knowledge — WCAG 2.1 AA on web and platform accessibility standards on iOS/Android; you build accessible components, not just test for them after the fact

• High AI proficiency — you actively use AI tools in your workflow and can show concrete examples of how they accelerate your output

• Strong written communication — you write documentation that reduces questions, not generates them

• Prototyping fluency — you build interactive prototypes in code when the design question isn't settled yet, and you know when a prototype should become a component versus stay a sketch.

• Component testing fluency — you write tests with React Testing Library and Jest, and treat visual regression (Chromatic or similar) as part of the component contract, not an optional step.

• Ruby on Rails or backend exposure — understanding what engineers work with on the other side

• You've been the first or founding design systems engineer at a company

🤝  The Homie Way - These principles guide everything we do—from how we work and make decisions to how we show up for each other.

• 💡 Be Customer Obsessed – Solve problems with empathy and creativity.

• ⚡ Move Fast, Learn Fast – Experiment, take action, and grow every day.

• 🎯 Own Your Impact – Think big, focus on what matters, and make decisions you stand behind.

• 🏆 Master Your Craft – Excellence fuels impact—show up, step up, and make your mark.

• 🏅 Win Together – Put goals over roles, lead with trust, and connect to our mission and each other.

What We Offer (United States)

• 💰 Ownership & Financial Security: Stock options + 401(k) with 4% match

• 🏥 Comprehensive Healthcare: Medical, dental, and vision coverage + FSA options

• ⏰ Flexible Time: Unlimited PTO (salaried) + company holidays

• 🤖 AI Access, For Real: We invest in builders and believe that curiosity shouldn't have a paywall. That means you'll have access to paid AI tools with minimal restrictions, so you can build, experiment, and level up your craft.

• 👶 Family Support: Up to 12 weeks of paid parental leave (after 6 months of service)

• 🛡️ Protection Plans: Life insurance + short/long-term disability coverage

• 🌟 Work Your Way: Work From Anywhere Month + meeting-free weeks yearly

• 🍽️ Workspace Perks: Meals provided, commuter benefits, team offsites, and Customer Days

• 💼 Our Hybrid Rhythm: We believe collaboration drives impact. That’s why Tuesdays and Wednesdays are our required in-office days—a time to move faster as a team, build deeper connections, make better decisions, and build together.

What We Offer  (Canada)

• 💰 Ownership & Savings: Stock options + TFSA/RRSP with 4% company match

• 🏥 Health & Wellness: Comprehensive medical, dental, and vision for you and your dependents

• ⏰ Time Flexibility: Flex time off + company holidays + designated focus periods

• 🤖 AI Access, For Real: We invest in builders and believe that curiosity shouldn't have a paywall. That means you'll have access to paid AI tools with minimal restrictions, so you can build, experiment, and level up your craft.

• 👶 Family Support: Maternity/Parental Leave EI top-up support offered (after 6 months of service)

• 🌟 Work Your Way: Work From Anywhere Month + meeting-free weeks yearly

• 🛡️ Protection Plans: Life insurance + short/long-term disability coverage

• 🍽️ Workspace Perks: Meals provided, team offsites, and Customer Days

• 💼 Our Hybrid Rhythm: We believe collaboration drives impact. That’s why Tuesdays and Wednesdays are our required in-office days—a time to move faster as a team, build deeper connections, make better decisions, and build together.

What to Expect During the Interview Process

• Meet the Talent Acquisition team, Mavel W.

• Meet the Hiring Manager, Christan F.

• Participate in a Talent Showcase with Cross-functional Partners

• Meet the Head of Product Design, Jan S.

• Background Check + Offer Stage

• Welcome to the team, Homie 🎉

💜 Belonging at Homebase - We're committed to fostering a welcoming space where every Homie can be their full self. Experience comes in many forms—so if you're excited about this role, even if you don’t meet 100% of the qualifications, we encourage you to apply! 

Homebase will consider qualified applicants with criminal histories in a manner consistent with the San Francisco Fair Chance Ordinance.

👋 Hey, We’re Homebase

Homebase is the everything app for hourly teams—built to simplify the day-to-day and superpower local businesses. With tools for scheduling, time clocks, payroll, communication, HR, and more, we help teams stay connected and in control. Today, over 150,000 small (but mighty) businesses rely on us to make work radically easier. Together, we’ve tracked over a billion hours for 2M+ workers—and we’re just getting started.

At Homebase, we celebrate diversity and are proud to be an equal opportunity employer. We welcome all candidates and do not discriminate based on any legally protected status. If you need accommodations during the hiring process, please let us know—we’re committed to ensuring fair and equitable access for all.