Senior Frontend Engineer, Design Systems

Deputy

Design Technologist helping shape and build AI-native design systems at Deputy, a global SaaS workforce management company. You will translate design into code and empower designers in the process.

Posted 7/16/2026full-timeSydney • 🇦🇺 AustraliaSeniorWebsite

Core Competencies

Role fit

Core Competencies

Use this summary to align your resume positioning with the role.

Demonstrates expertise in building and maintaining production-ready UI components with a strong focus on accessibility and design sensibility. Proficient in leveraging AI tools to enhance design-to-code workflows and improve integration between design and engineering outputs.

Highest-signal resume keywords

HTMLCSSJavaScriptTypeScriptUI Component Development

ATS Keywords

Tailor your resume

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills

Front-End EngineeringDesign SystemsModern FrameworksAccessibility StandardsDesign Tokens

Soft Skills

Attention to DetailCollaborationDesign Sensibility

Tools & Technologies

FigmaAI Tools

Industry Keywords

Inclusive DesignDesign-to-Code GenerationMachine-Readable Design

Tech Stack

Tools & technologies

JavaScriptReactTypeScriptVue.js

About the role

Key responsibilities & impact

Build and maintain production-ready UI components that accurately reflect design intent
Use AI tools to accelerate implementation, iteration, and refinement of components
Validate AI-generated outputs to ensure quality, accessibility, and consistency
Shape the design system (tokens, components, patterns) to be machine-readable and AI-friendly
Contribute to workflows that enable design-to-code generation using AI, and ensure components include the metadata AI needs to generate and validate code.
Identify opportunities where AI can reduce manual effort in component creation and maintenance
Act as a core member of the design team, participating in critiques and explorations
Provide technical perspective during design to ensure outputs are scalable and implementable
Help designers understand how their work can better support AI-driven development
Improve integration between design tools (e.g., Figma) and engineering outputs
Use AI to generate documentation, specs, and component usage guidelines
Ensure high fidelity between design and implementation
Maintain accessibility and inclusive design standards across components
Create documentation and examples that serve both designers and engineers
Advocate for workflows that improve speed without compromising quality

Requirements

What you’ll need

~4–6 years of experience in front-end engineering, design engineering, or design systems
Strong proficiency in HTML, CSS, JavaScript/TypeScript
Experience building UI components in modern frameworks (Vue, React, etc.)
Strong design sensibility and attention to detail (visual and interaction)
Experience working closely with design tools (e.g., Figma, tokens, variants)
Experience or strong interest in AI-assisted design and development workflows
Understanding of accessibility and inclusive design practices
Familiarity with design tokens and system architecture across design and code
Ability to operate fluently between design and engineering contexts

Benefits

Comp & perks

Enjoy a flexible work policy (with a work-from-home stipend to set you up for success!)
Own A piece of Deputy via our Employee Share Ownership Plan (ESOP)
Take paid parental leave to support you and your family
Stay protected with Group Salary Continuance Insurance
Access support through our Employee Assistance Program
Enjoy additional leave days — including study assistance, celebration days and volunteering
Join our global working groups focused on collaboration, belonging and connection
Get creative at our annual Hackathons
Take advantage of our novated leasing for electric vehicles, internet reimbursement and more!