{"schemaVersion":"jobsearcher.job.v1","id":"5fe8944b1fa4acaa3d2aab09","url":"https://jobsearcher.com/jobs/5fe8944b1fa4acaa3d2aab09","canonicalUrl":"https://jobsearcher.com/jobs/5fe8944b1fa4acaa3d2aab09","title":"Staff Design Engineer","description":"OverviewAs a Staff Design Engineer at Scribe, you own Stylus, our design system, across web, desktop, extension, and marketing sites. You blend design sense with frontend engineering to decide what interactions to build and ship them with quality. You'll shape design craft and frontend tooling while enabling AI-ready UI patterns. You work closely with designers and engineers to keep design and code aligned, and mentor others in design principles.Compensation / BenefitsHealth, dental, and vision insuranceFlexible paid time off and holidays401(k)Paid parental leaveDaily catered lunch (SF office)Home office stipendResponsibilitiesOwn Stylus roadmap, triage, and governance including adoption, accessibility, and documentation healthBuild hard components balancing aesthetics and performance; define shared primitives vs one-offsPrototype in React/TypeScript and validate with users through interactive demosCollaborate with designers without handoffs; assess build costs for interactionsMaintain alignment between design and code; migrate legacy components to the system and maintain Figma-to-code toolingExplore AI-ready design languages and build primitives for model-assembled UIDocument prompts, patterns, and workflows; mentor engineers on design principlesContribute to AI workflows and tooling to enable safe usage by designers and PMsAim for measurable system health: adoption, accessibility coverage, and documentation qualityBy six months, establish a real Stylus roadmap, active migration, and automated adoption metricsKey requirements8+ years of frontend development experience with strong design sensibilitydeep knowledge of CSS, the DOM, and browser renderingability to judge when to use native elements vs framework componentsproven design system experience (components, primitives, tokens, versioning, governance)ability to own a roadmap and say no when neededexperience with AI tooling like Cursor and Claude Codedefault focus on accessibility, keyboard and touch input, and respecting user preferencesability to prototype in code and design with designers directly without handoffexperience shipping components and mentoring engineersstrong strategic thinkingcollaborative and cross-functional mindsetmentorship and knowledge sharingReactTypeScriptCSS and browser rendering","company":"Scribe","rawCompany":"scribe","city":"Springfield","state":"MO","isRemote":false,"isActive":false,"createdAt":"2026-10-26T14:28:03.787Z","occupations":[{"code":"15-1255.00","title":"Web and Digital Interface Designers","slug":"web-and-digital-interface-designers"},{"code":"15-1254.00","title":"Web Developers","slug":"web-developers"},{"code":"15-1252.00","title":"Software Developers","slug":"software-developers"}],"industries":[{"code":"513210","title":"Software Publishers","slug":"software-publishers"},{"code":"541512","title":"Computer Systems Design Services","slug":"computer-systems-design-services"},{"code":"541490","title":"Other Specialized Design Services","slug":"other-specialized-design-services"}],"jobPosting":{"@context":"https://schema.org","@type":"JobPosting","title":"Staff Design Engineer","description":"OverviewAs a Staff Design Engineer at Scribe, you own Stylus, our design system, across web, desktop, extension, and marketing sites. You blend design sense with frontend engineering to decide what interactions to build and ship them with quality. You'll shape design craft and frontend tooling while enabling AI-ready UI patterns. You work closely with designers and engineers to keep design and code aligned, and mentor others in design principles.Compensation / BenefitsHealth, dental, and vision insuranceFlexible paid time off and holidays401(k)Paid parental leaveDaily catered lunch (SF office)Home office stipendResponsibilitiesOwn Stylus roadmap, triage, and governance including adoption, accessibility, and documentation healthBuild hard components balancing aesthetics and performance; define shared primitives vs one-offsPrototype in React/TypeScript and validate with users through interactive demosCollaborate with designers without handoffs; assess build costs for interactionsMaintain alignment between design and code; migrate legacy components to the system and maintain Figma-to-code toolingExplore AI-ready design languages and build primitives for model-assembled UIDocument prompts, patterns, and workflows; mentor engineers on design principlesContribute to AI workflows and tooling to enable safe usage by designers and PMsAim for measurable system health: adoption, accessibility coverage, and documentation qualityBy six months, establish a real Stylus roadmap, active migration, and automated adoption metricsKey requirements8+ years of frontend development experience with strong design sensibilitydeep knowledge of CSS, the DOM, and browser renderingability to judge when to use native elements vs framework componentsproven design system experience (components, primitives, tokens, versioning, governance)ability to own a roadmap and say no when neededexperience with AI tooling like Cursor and Claude Codedefault focus on accessibility, keyboard and touch input, and respecting user preferencesability to prototype in code and design with designers directly without handoffexperience shipping components and mentoring engineersstrong strategic thinkingcollaborative and cross-functional mindsetmentorship and knowledge sharingReactTypeScriptCSS and browser rendering","datePosted":"2026-10-26T14:28:03.787Z","dateModified":"2026-10-26T14:28:03.787Z","hiringOrganization":{"@type":"Organization","name":"Scribe","sameAs":"https://jobsearcher.com"},"jobLocation":{"@type":"Place","address":{"@type":"PostalAddress","addressLocality":"Springfield","addressRegion":"MO","addressCountry":"US"}},"identifier":{"@type":"PropertyValue","name":"JobSearcher","value":"5fe8944b1fa4acaa3d2aab09"},"url":"https://jobsearcher.com/jobs/5fe8944b1fa4acaa3d2aab09"}}