Design Systems Engineer: Frontend & AI UX
writer
An application made for this job — a tailored resume and cover letter that speak straight to the posting.
Benefits offered by this job
Job summary
WRITER is seeking a Design Engineer to own the Writer Design System (WDS) and ensure its completeness for human and AI usage. You’ll work closely with designers, PMs, and engineers to shape surfaces, interactions, and how the system scales across teams.
You will contribute to production frontends using TypeScript/React, with a strong emphasis on craft, accessibility, and design-to-code workflows. This is a hybrid role spanning multiple global hubs.
Qualifications
- 4–8+ years building production frontends with TypeScript and React.
- Strong craft focus with systems-level work, not just features.
- Experience driving adoption of a design system across an org.
Responsibilities
- Own the Writer Design System (WDS) as your primary domain.
- Design and build production-quality UI components and features.
- Ship design-led work with polish on micro-interactions and brand moments.
- Architect new primitives and extend core components with documentation synced across tools.
- Uphold front-end craft with accessibility, motion, and consistency.
- Help shape design-to-code workflow and tooling for org-wide productivity.
- Partner with designers, PMs, and engineers to measure WDS adoption.
Skills
Tools
Job description
WRITER is seeking a Design Engineer to own the Writer Design System (WDS) and ensure its completeness for human and AI usage. You’ll work closely with designers, PMs, and engineers to shape surfaces, interactions, and how the system scales across teams.
You will contribute to production frontends using TypeScript/React, with a strong emphasis on craft, accessibility, and design-to-code workflows. This is a hybrid role spanning multiple global hubs.
'/%3e%3cpath%20d='M101.744%2012.4726L102.894%2016.1947L99.0021%2013.2201L101.744%2012.4726ZM105.3%208.40937H100.488L99.0026%203.59473L97.5116%208.41047L92.7%208.40385L96.5965%2011.3834L95.1055%2016.1942L99.0021%2013.2196L101.408%2011.3834L105.3%208.40992V8.40937Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_5593_1381'%20x1='90'%20y1='9.44471'%20x2='99'%20y2='9.44471'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300AD70'/%3e%3cstop%20offset='0.998594'%20stop-color='%2300B67A'/%3e%3cstop%20offset='1'%20stop-color='%23DCDCE6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e){kind=small}
