> Markdown version of [/jobs/ext/2569039-staff-design-engineer](https://www.wearedevelopers.com/jobs/ext/2569039-staff-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). --- # Staff Design Engineer - **Company:** Juniper Square, Inc. - **Location:** San Francisco, United States (Remote available) - **Experience:** Expert - **Salary:** $190,000.0 - $240,000.0 - **Contract:** Permanent contract - **Skills:** Artificial Intelligence, Cascading Style Sheets (CSS), Cursor (Graphical User Interface Elements), TypeScript, ReactJS, Material UI, Production Code, Figma, Front End Software Development - **Published:** August 6, 2026 - **Apply:** https://arc.dev/remote-jobs/j/redirect/pfdx8k2zfg ## About the Role Required * 10+ years of experience working across design and front-end engineering, with a portfolio that demonstrates both craft and leadership impact. * Proven experience building and scaling design systems: owning the roadmap, governance, and adoption strategy across a product organization, not just contributing components. * A strong, defensible point of view on what makes a great design system, backed by experience driving adoption across a product organization: not just building it, but getting designers and engineers to actually use it. * Deep front-end engineering skills (TypeScript, React, CSS) alongside genuine design taste. Comfortable reading and writing production code, but leading through judgment rather than throughput. * Experience defining technical strategy for design tooling, developer experience, or design-to-engineering workflows. * Experience thinking through how AI tools change team-level design and engineering workflows, and building systems or processes around that. * Strong communication and influence skills: can align design leadership, engineering leadership, and product around a shared technical direction without formal authority. * Fluency with AI-powered coding tools (Cursor, Claude Code, v0.dev, or equivalent) as part of your core workflow. Preferred * Experience in a complex B2B or enterprise SaaS environment, ideally in a data-heavy domain. * Background leading design systems work that scaled across multiple product lines or engineering teams. * Experience defining or operating AI-powered design-to-engineering workflows at a team or org level. * Background in Financial Services, Investment Management, or Real Estate (Fintech experience is a plus). * Familiarity with design tokens, component libraries, and variables in Figma at a systems level. ## Description This role sits in the Design organization. You will report to Design leadership and work across Design, Engineering, and Product. You are not here to execute on someone else's vision. You set the design system strategy, define how AI integrates into the design-to-engineering workflow, and establish what great UI quality looks like at scale. This is still a deeply hands-on role. You will write code, build components, and prototype to prove out directions. The difference is that your execution sets the example and informs the strategy, rather than being the primary output. Our product is genuinely complex. We serve investment managers navigating fund accounting, investor portals, and data-heavy reporting workflows. Building a design system that holds up against that complexity and gets adopted by the people who need to use it is the challenge. Making it feel clear, fast, and well-crafted is the job. AI fluency is a baseline expectation. You have formed opinions through direct experience on how AI changes team-level design-to-engineering workflows, and you are ready to build the systems and strategy around that. What You'll Do * Own the design system strategy and roadmap: define what the system needs to become, set priorities, establish governance, and build the contribution model that makes it sustainable as the team and product grow. * Define the AI enablement strategy for design-to-engineering: determine how AI tools are integrated into the workflow from prototype to production, and build the systems that make the whole team faster and higher-quality. * Set the technical direction for UI quality across the product: define what good looks like, establish the standards and processes that maintain it, and make the case for that standard across design and engineering leadership. * Identify systemic quality gaps: look across the product surface and name the patterns no one else is naming, then build the plan to address them. * Build the infrastructure that lets designers ship in code: not by doing it yourself, but by creating the workflows, tooling, and templates that make it a sustainable part of the design team's practice. * Partner with Design and Engineering leadership to shape the long-term direction of how the two functions collaborate, where the boundaries are, and how they evolve. ## Related Videos - [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) - [WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more) - [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 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline) - [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift) - [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front) - [Dev Digest 122 - Cracks in the polyfill](https://www.wearedevelopers.com/magazine/457-dev-digest-122-cracks-in-the-polyfill)