UX Engineer (Hybrid)

About the role

Join the Designbase team at Homebase as a Design Engineer. You'll work closely with the Design Systems Lead Designer and an existing Design Engineer to bridge the gap between designer visions and engineering implementations, focusing on web and native app surfaces.

Responsibilities

• Build net-new components, ensuring they align with design intent in Figma and are documented in Storybook.
• Maintain and evolve existing components, auditing and updating the library as needed.
• Bridge Figma and code, maintaining consistency and catching discrepancies.
• Create clear documentation for engineers to use, including usage guidelines, prop tables, and accessibility notes.
• Leverage AI tools to accelerate your workflow and ensure high-quality components.
• Work closely with iOS and Android teams to ensure components meet high standards.
• Advocate for accessibility in component architecture and catch violations early.
• Support cross-team adoption by partnering with product engineers and reviewing PRs.
• Own the system layer, considering token architecture and the Figma-to-code pipeline.

Requirements

• 4-7 years of frontend, UX engineering, or design engineering experience, with significant time in a design systems context.
• React Native experience, understanding the differences between web and native development.
• Fluency in Storybook for documenting components.
• Experience maintaining design-to-code fidelity and cross-platform thinking.
• Knowledge of WCAG 2.1 AA and platform accessibility standards.
• High proficiency in using AI tools in your workflow.
• Strong written communication skills for creating clear documentation.
• Component testing fluency with React Testing Library and Jest.
• Optional: Ruby on Rails or backend experience.

Qualifications

• Founding or first-time design systems engineer at a company.

Skills

• Frontend, UX engineering, or design engineering experience.
• React Native development.
• Storybook documentation.
• Design-to-code fidelity maintenance.
• Accessibility knowledge.
• AI tool proficiency.
• Clear communication skills.
• Component testing expertise.
• Optional: Ruby on Rails or backend experience.

Benefits

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: Access to paid AI tools with minimal restrictions.

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

Protection Plans: Life insurance + short/long-term disability coverage.

Workspace Perks: Meals provided, commuter benefits, team offsites, and Customer Days.

Hybrid Rhythm: Required in-office days on Tuesdays and Wednesdays for collaboration and decision-making.

Pay

Competitive salary and equity package.

Schedule

Flexible work schedule with required in-office days on Tuesdays and Wednesdays.

What We Offer (United States)

• Healthcare coverage.
• AI access tools.
• Parental leave.
• Protection plans.
• Workspace perks.
• Hybrid rhythm.

What We Offer (Canada)

• Healthcare coverage.
• AI access tools.
• Parental leave.
• Protection plans.
• Workspace perks.
• Hybrid rhythm.

To Expect During the Interview Process

• Meet the Talent Acquisition team.
• Meet the Hiring Manager.
• Participate in a Talent Showcase with Cross-functional Partners.
• Meet the Head of Product Design.

What To Expect After Acceptance

• Welcome to the team.

The Homie Way

Be Customer Obsessed, Move Fast, Learn Fast, Own Your Impact, Master Your Craft, and Win Together.

Our Commitment to Diversity

We are an equal opportunity employer and welcome all candidates. We do not discriminate based on any legally protected status.