> Markdown version of [/jobs/ext/4359148-senior-software-engineer-design](https://www.wearedevelopers.com/jobs/ext/4359148-senior-software-engineer-design). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Senior Software Engineer - Design

- **Company:** Loan Crate, Inc.
- **Location:** Los Angeles, CA, United States
- **Experience:** Expert
- **Contract:** Permanent contract
- **Skills:** Application Programming Interfaces (APIs), Artificial Intelligence, Software as a Service, Interaction Design, Software Engineering, TypeScript, Web Content Accessibility Guidelines, Website Wireframe, Tailwind, ReactJS, Webpack, Material UI, Figma, Graphql, Front End Software Development, React Testing Library, Monolithic Repository
- **Published:** October 31, 2026
- **Apply:** https://www.careerbuilder.com/job-details/senior-software-engineer-design-los-angeles-ca--5f86035a-bf84-4381-a100-b0159e7dff6c

## About the Role

Software Engineering, Software Design, Mortgage Lending, Loans, Average Costing, Loan Origination, Artificial Intelligence (AI), Machine Tool, Mortgage, Communication Skills, * Portfolio showing high-craft visual/interaction design in complex B2B/SaaS, with dense layouts and strong keyboard/focus patterns.

 * ️ Production React + TypeScript proficiency; comfortable shipping components for broad consumption.
 * Experience building design systems with component libraries, variant APIs, and documented stories.
 * Deep Figma skills: variables, auto-layout, variants, prototyping, library hygiene.
 * Accessibility proficiency: WCAG, ARIA, color/contrast, motion sensitivity.
 * Comfort designing AI UX: uncertainty, intervention affordances, streaming content, error states.
 * Facility with data-dense UIs: tables, filtering/sorting, bulk actions.
 * User research skills for fast iteration: task-based tests, heuristic reviews, telemetry-informed iteration.
 * Product mindset; crisp written communication and rationale; bias to ship without compromising correctness.

## Description

In this role at Loancrate, you'll own design quality end-to-end - from early wireframes to shipped, production-quality UI. A quick note before diving in: we're building an AI-native product, and we rely on AI heavily in our own internal workflows too. If that excites you, you'll thrive here - if it gives you pause, this probably isn't the right fit. Within your first month, you'll be contributing to work such as...

 * Designing and building core UI components for our AI-powered mortgage workflow tools, balancing information density with usability for power users.
 * Establishing and maintaining a component library and design system that gives our engineering team a coherent visual language to build on.
 * Partnering with product and engineering to translate complex workflow requirements into intuitive, elegant user experiences.
 * Writing production-quality React components in TypeScript that bring your designs to life - you don't hand off, you ship.
 * Defining design standards, patterns, and guidelines that scale as the team grows.

Core Responsibilities

 * Own the end-to-end design process for features - from discovery and wireframing through high-fidelity Figma design and final implementation in React/TypeScript.
 * Build and maintain a design system and component library, using shadcn/ui variants and a dedicated component package with documented permutation coverage.
 * Write accessible, production-quality React components, ensuring correct ARIA, keyboard, and focus management.
 * Collaborate with PMs and engineers during discovery to ensure designs are user-centered and technically feasible.
 * Define and enforce visual and interaction design standards; audit and drive consistency across the product.
 * Maintain Figma libraries, component documentation, and design-to-code handoff tooling.
 * Partner with engineering to ensure design system components are implemented correctly and consistently across the codebase.
 * Design for accessibility (WCAG compliance) and advocate for inclusive design practices.
 * Develop and document UX patterns for complex interaction paradigms (multi-step workflows, AI-generated content, data-dense tables).
 * Contribute to product strategy discussions and motion/microinteraction guidelines.
 * Audit existing UI for consistency and drive improvements.
 * Scope design work and make pragmatic tradeoffs between design quality and delivery velocity.
 * Help establish and document our design principles and visual identity.
 * Mentor team members on design thinking, UI best practices, and frontend implementation.

Tech Stack

 * React + TypeScript, Vite
 * Styling: Tailwind CSS, shadcn/ui, class-variance-authority for variants
 * API: GraphQL/Apollo Client; types generated and shared via monorepo
 * Monorepo: Turborepo + PNPM; workspace packages for schema, shared types, and UI primitives
 * Testing: React Testing Library + MSW; snapshot testing consolidated per component story
 * Accessibility: Focus/keyboard support and ARIA semantics in shared components