Sage James

Design Engineer

Profile

Design engineer who turns research and Figma designs into accessible, production-ready components. Specializes in design systems, design tokens, and CMS editor experience, with WCAG 2.2 AA built into every layer. Works in Figma, Tailwind CSS, Laravel, and Claude Code.

Experience

Design Engineer · Montana State University

Jul 2023 – Present

Web & Digital Communications · Bozeman, MT

  • Created a large-scale design system with a focus on component reusability, accessibility, and visual consistency for a platform spanning multiple campuses and 1,800 users.
  • Used AI-assisted and code-based prototyping to explore, communicate, and test ideas.
  • Partnered with product, engineering, and marketing to build alignment and ensure cohesiveness.
  • Used analytics to inform design.
  • Wrote clear documentation for components, usage standards, accessibility requirements, and design tokens.
  • Developed the production frontend, carrying design intent from Figma through shipped code.
  • Translated brand and design principles into reusable component sets used across 800+ sites.
  • Engineered a theming system with design tokens (CSS custom properties) so 3 campuses customize color, typography, and layout from a single codebase.
  • Embedded accessibility into every component by default, achieving a perfect WCAG 2.2 AA score.
  • Designed the CMS editing experience so accessible pages are the easy default for editors.
  • Conducted competitive research across 500+ university websites, shaping design system strategy.

Education

B.A. Computer Science

Montana State University

Spring 2024

B.S. Apparel Design & Sustainability

University of Minnesota

Fall 2021

Skills

Design
Figma (variables, auto layout, component libraries), design systems, design tokens, theming, component architecture, design-to-code, information architecture, prototyping, competitive analysis
Accessibility
WCAG 2.2 AA compliance, semantic HTML, ARIA, accessibility audits, APCA color contrast, keyboard navigation
Frontend
HTML, CSS, JavaScript, Tailwind CSS, Alpine.js, Laravel, Statamic CMS, Git/GitHub, responsive design, performance optimization
AI
Claude, Claude Code, prompt architecture, multi-agent system design, AI-assisted prototyping and development