Professional Resume Template for
Design Engineer
Clara M. Sterling
San Francisco, CA
(415) 333-9182
clara.sterling@proton.mail
linkedin.com/in/clara-sterling | github.com/clarasterling | clarasterling.design
Professional Summary
Pragmatic Design Engineer with a 5-year record of bridging the gap between product design and frontend engineering in SaaS environments. Specialized in building pixel-perfect, accessible React component libraries, maintaining Figma design tokens, and implementing high-fidelity motion prototypes. Successfully reduced design-to-production handoff latency by 32% and increased Core Web Vitals layout stability score by 19% across three high-traffic web applications. Expertly leverages Figma, React, TypeScript, Tailwind CSS, Storybook, and Framer Motion to establish unified development workflows.
Work Experience
Senior Design Engineer — Vectra Systems
San Francisco, CA | November 2023 – Present
- Designed and built a centralized Figma-to-React design system component library used by 18 product teams, reducing frontend development cycle times by 26%.
- Refactored user-facing billing and checkout dashboard layouts in React, decreasing cumulative layout shift metrics by 41% and page load times by 1.2 seconds on high-traffic routing pages.
- Collaborated with 4 product managers to migrate core design tokens using Figma variables and Tailwind CSS, maintaining styling consistency across 3 legacy web apps.
- Introduced automated visual regression testing using Chromatic and Storybook, preventing 14 critical UI display defects from reaching production releases.
Design Engineer — Nova Interactive
Oakland, CA | July 2021 – October 2023
- Coordinated the redesigned customer onboarding interface, increasing signup completion rates by 12% through usability testing and layout performance optimizations.
- Developed 35+ accessible, WCAG 2.1 AA compliant UI components in React and TypeScript, expanding the customer base to include 3 government agency accounts.
- Built interactive product prototypes in Framer Motion to demonstrate animations, which secured approval from executive stakeholders for a new $2.2M product line.
- Reduced styling stylesheet bundle sizes by 32% across the core product dashboard by auditing CSS codebases and transitioning to utility-first Tailwind styling configurations.
Education
Bachelor of Science in Interaction Design & Computer Science
San Jose State University · San Jose, CA · 2021
Skills
Design systems, UI/UX design, Figma, React, TypeScript, Tailwind CSS, Storybook, HTML5/CSS3, Web accessibility (WCAG), Framer Motion, Chromatic, Git, Jest, Frontend performance optimization
Projects
Pulse Design System
Role: Lead Design Engineer
Tools: Figma, React, TypeScript, Storybook, Chromatic
Architected a multi-brand component library, driving adoption across 12 engineering teams and accelerating product feature releases by 35%.
Interactive Analytics Dashboard
Role: Design Engineer
Tools: Figma, React, D3.js, Tailwind CSS
Re-designed complex data visualization dashboards, reducing data refresh latency by 28% and increasing active user engagement metrics by 15%.
Certifications
- Google UX Design Professional Certificate (2021)
- Certified Web Accessibility Specialist (WAS) (2023)
- Meta Front-End Developer Professional Certificate (2022)
Additional information
- Languages: English (Native), French (Conversational)
- Volunteer Work: Mentored 12 student designers through the local tech guild (2024-present)
- Availability: 3 weeks notice
Job Market Insights
Market data and opportunities for
Design Engineer
Job Market Insights
$105,000
-
$155,000
Avg:
$130,000
Growth Outlook:
The employment of web developers and digital designers, which includes Design Engineers, is projected to grow 7 percent from 2024 to 2034, much faster than the average for all occupations. Technology and e-commerce companies remain the primary employers, driven by the need to build unified web interfaces. While AI-driven prototyping tools automate basic layouts, they increase the need for skilled hybrid engineers to translate designs into production systems. This shift ensures robust demand for professionals specializing in component code libraries.
7% growth over 10 years (2024–2034)
Key Skills Required
Focus on these skills when customizing your resume for recruiter screenings.
Search Jobs
Explore live openings for
Design Engineer
roles and tailor your resume to match the market demand.
Search
Design Engineer
FAQ
Common questions about the
Design Engineer
position