Frontend lead · Design systems · Sydney
Seven years in design systems, component architecture and web performance — including Canva's design-token system, now used by 40 engineers across 6 product squads.
Selected work
Design-system, accessibility and performance work across Canva, Atlassian and Deputy.
Figma variables flow through Style Dictionary into generated TypeScript and CSS custom properties — replacing 200+ hardcoded style values and cutting UI inconsistencies by 85%.
Adopted by 40 engineers across 6 squads within 3 months
Built and maintains a library of 60+ components in React and TypeScript, documented in Storybook.
Chromatic visual regression tests catch UI regressions pre-merge
Introduced a Playwright suite for visual and accessibility testing.
34 accessibility regressions caught in its first quarter
Owned the Form and Date Picker component packages in the Atlassian Design System (ADS), used across Jira, Confluence and Trello.
12M weekly impressions
Defined the ADR for a responsive grid system, adopted by 4 cross-functional teams.
Layout-related bugs down 41% over 2 quarters
Rebuilt the workforce scheduling UI in React from a legacy jQuery codebase.
Load time from 8s to 1.4s; bounce rate down 22%
Case study
A four-month web performance initiative he led on the editor's critical path.
The critical editor path scored 34 for Lighthouse performance.
Led a four-month initiative to audit, refactor and lazy-load the critical editor path.
Lighthouse performance score up from 34 to 92, and Largest Contentful Paint down 2.8s.
Tech stack
Talks & community
A frontend lead specialising in design systems, component architecture and web performance — passionate about accessible, performant UI at scale.
Mark leads frontend design systems work at Canva in Sydney, where he built the design-token pipeline and maintains the 60+ component library. Before that he was a Senior Frontend Engineer at Atlassian, owning two Atlassian Design System packages, and began at Deputy rebuilding its scheduling UI in React.
He is a Core Web Vitals advocate and a regular speaker at frontend conferences across APAC. At Canva he has mentored three mid-level frontend engineers, one of whom was promoted to senior within 14 months.
Experience
Canva, Sydney
Design-token pipeline, a 60+ component library, the editor performance initiative and a Playwright visual and accessibility suite; mentored 3 mid-level frontend engineers.
Atlassian, Sydney
Owned the ADS Form and Date Picker packages; migrated legacy CSS modules to Emotion across 3 product surfaces with zero visual regression, verified by a Chromatic snapshot suite; wrote the responsive grid ADR.
Deputy, Sydney
Rebuilt the scheduling UI in React; introduced component-driven development and Storybook, cutting onboarding for new developers from 2 weeks to 4 days.
Education
University of Melbourne
Honours First Class; Dean's Award for Academic Excellence.
Contact
mark.jensen@email.com
Fictional candidate — contact details shown as plain text only.