UX Engineer (Hybrid)
Hi, Future Homie!
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?
You'll be part of the Designbase team — the design systems arm of Homebase's EPDD org. Your immediate collaborators are a Senior Design Engineer, a Design Systems Lead Designer, plus a design manager. Together, the three of you are the engine behind a component library that 10+ designers, 10+ PMs, and 120+ engineers across Homebase depend on every day.
Homebase is an AI-first company. That means we use AI to move faster and work smarter — not as a novelty. Expect to work in a team that actively experiments with new tools and shares what works.
📍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 (Swift, Kotlin, React Native) — you're comfortable thinking in both and know where they share logic and where they diverge. The work the three of you do multiplies across every product team at Homebase.
One sprint, you're shipping a new form component and writing its usage documentation. 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.
These are the key ways you’ll contribute and create impact in this role:
Build and evolve components end-to-end - Own the lifecycle from Figma review to production-ready component to documentation. Proactively identify edge cases, reduce design gaps, and ensure consistency as the system grows.
Build across native and web platforms - Develop and maintain components across React Native (iOS/Android) and React (web), understanding where patterns can be shared and where platform-specific solutions are required.
Write documentation that engineers actually use - Create clear usage guidelines, prop tables, accessibility notes, and do/don’t examples. Treat documentation as part of the component, not an afterthought.
Leverage AI as a force multiplier - Use AI tools to scaffold components, generate tests, draft documentation, and explore design patterns faster. Bring a clear, practical workflow for how AI accelerates your output.
Advocate for accessibility - Build components that meet WCAG 2.1 AA and platform accessibility standards by default, catching issues early in the system layer.
Own and evolve design token architecture - Define and maintain how tokens flow from Figma to code across web and native, ensuring a scalable, consistent single source of truth.
Support cross-team adoption - Partner with engineers across the org to unblock implementation, review PRs, and make the design system intuitive and easy to use correctly.
🚀 The Foundation for Success - These are the experiences and strengths that will set you up for success in this role:
4–7 years of experience in frontend, UX engineering, or design engineering, with meaningful time in design systems. You can move fluidly between Figma and production code.
Cross-platform expertise (React Native, Swift, Kotlin) - You understand platform differences (layout, gestures, conventions) and design with them, not against them.
Strong Figma fluency - You understand tokens, auto-layout, and component systems, and how design decisions translate into scalable code.
Design token architecture experience - You’ve worked with token systems across platforms and have clear opinions on structure, tooling, and a single source of truth.
Accessibility knowledge - Experience building accessible components (WCAG 2.1 AA, iOS/Android standards) from the ground up.
AI proficiency in workflows - You actively use AI to improve development speed, quality, and team workflows, with concrete examples of impact.
Strong communication and testing practices - You write clear documentation and implement robust testing (React Testing Library, Jest, visual regression tools).
Bonus points if you have
Experience with Ruby on Rails or backend systems, with an understanding of how frontend systems integrate with backend constraints
Experience as a founding or early design systems engineer, helping establish systems from the ground up
🤝 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
💰 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
👶 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, Megha K.
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
Unstoppable teams start here.
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 100,000 small (but mighty) businesses rely on us to make work radically easier. Together, we’ve tracked over a billion hours for 2.5+ million 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.