> Markdown version of [/jobs/ext/1926046-design-engineer](https://www.wearedevelopers.com/jobs/ext/1926046-design-engineer). 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). --- # Design Engineer - **Company:** LAPEL, LLC - **Location:** San Francisco, CA, United States - **Experience:** Expert - **Contract:** Permanent contract - **Skills:** JavaScript (Programming Language), Computer Animation, Artificial Intelligence, Component-Based Software Engineering, Design of User Interfaces, Human-Computer Interaction, Systems Development Life Cycle, TypeScript, ReactJS, Production Code, Figma, Front End Software Development - **Published:** August 5, 2026 - **Apply:** https://www.careerbuilder.com/job-details/design-engineer-san-francisco-ca--e5bef2c9-3e50-45d6-b633-4064dd1ce8c6 ## About the Role * Have 5+ years of experience building product interfaces with both design and frontend ownership * Have owned large-scale, enterprise products end-to-end * Are highly proficient in React, JavaScript/TypeScript, and component-based architecture * Have strong design sensibility (typography, spacing, color, hierarchy, visual polish) * Are fluent in Figma, including high-fidelity design, prototyping, and design systems * Understand and implement motion design effectively (animations that enhance UX) * Have shipped production code used by real users * Think in systems and build scalable, reusable components (not one-offs) * Are opinionated about quality but collaborative in execution * Move fast while maintaining attention to detail and craft * Care deeply about usability, accessibility, and creating delightful experiences, Animation, Artificial Intelligence (AI), Business-to-Business (B2B), Customer Relations, Customer Support/Service, Detail Oriented, Genetics, High Tech Industry, Operational Support, Product Design, Product Development, Prototyping, Sales, Scalable System Development, Startup, Team Player, Technical/Engineering Design, Typography, User Interface Design, User Interface/Experience (UI/UX) ## Description We aim to hire with intention, respect your time, and offer feedback along the way. 1. Initial conversation (20 minutes) We'll explore your motivations, share what we're building, and answer your questions. 2. In-depth interview (45 minutes) We'll go deeper into your craft and experience. No live coding. No prep work necessary. 3. Take-home project (2-4 hours) You'll complete a short, well-scoped exercise that mirrors the kind of work you'd do here. 4. On-site visit (1-2 days) Join us in the office to review your take-home, grab lunch, and work on something real. ## Related Videos - [NoCode LiveCode: Leveraging AI Tools to Craft Fully Functional Apps!](https://www.wearedevelopers.com/videos/1169-nocode-livecode-leveraging-ai-tools-to-craft-fully-functional-apps) - [Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS](https://www.wearedevelopers.com/videos/282-watch-tests-go-brrrr-getting-started-with-cypress-in-reactjs) - [Do TypeScript without TypeScript](https://www.wearedevelopers.com/videos/327-do-typescript-without-typescript) - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [Fireside Chat with Kris Rasmussen, CTO at Figma](https://www.wearedevelopers.com/videos/982-fireside-chat-with-kris-rasmussen-cto-at-figma) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) ## Related Articles - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [10 Essential Figma Plugins for Frontend Developers in 2023](https://www.wearedevelopers.com/magazine/262-10-essential-figma-plugins-for-frontend-developers-in-2023) - [Dev Digest 130 - The Diablo is in the details](https://www.wearedevelopers.com/magazine/470-dev-digest-130-the-diablo-is-in-the-details) - [Dev Digest 129 - Now that's what I call private data!](https://www.wearedevelopers.com/magazine/468-dev-digest-129-now-that-s-what-i-call-private-data)