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
- 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
Spring 2024
B.S. Apparel Design & Sustainability
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