Lead design systems engineer with 5+ years in frontend development, and 3+ years of architecting and scaling the first end-to-end design token pipeline across web, iOS, and Android for southwest.com, a platform generating 1.4B visits per year and $15B in annual air sales. Specializing in design token infrastructure, cross-platform theming, and component development, while driving adoption across 25+ SPAs, 80+ developers, and 5 design teams.
Southwest Airlines, Dallas, TX (Remote)
Stack: React | Sass | Storybook | Jest | GitLab | CI/CD | Figma
Architected the first end-to-end design system integration at Southwest Airlines by using Figma Variables REST API and Style Dictionary to output design tokens across 3 platforms (web, iOS, and Android).
Refactored 45+ React core components across 2 platforms (code and Figma) to use design tokens, consumed across 25+ SPAs and used by 80+ developers. Defined core component theming styles as design tokens from a single centralized Figma file.
Implemented a new semantic color palette across web and native platforms, modeled from Google’s Material Design design token architecture, ensuring cross-platform styling consistency and allowing all Southwest customer-facing platforms to reference a single source of truth for the first time.
Led dark mode implementation end-to-end across all core components – from initial POC, through design token updates in code and Figma, to migrating all packages and SPAs to a new centralized theming mechanism.
Drove design token adoption and governance for color and typography across 5 designer groups – recorded walkthroughs, held onboarding sessions for each team, and followed up individually until tokens were correctly applied across all active projects.
Built and shipped a component taxonomy AI skill using the Figma API, enabling any developer to audit design layouts for component library compliance without requiring the original author’s involvement, making design system compliance audits scalable across teams.
Synaptiq LLC, Plano, TX (Remote)
Stack: React | Sass | Storybook | Jest | Jenkins | CI/CD
Seisan Consulting, Lancaster, PA
Stack: React | React Native (iOS & Android) | TypeScript | Redux | MongoDB | Material UI | Sass | Figma | Adobe XD
Personal Projects
Stack: MongoDB | Express | React | Node | React Styled Components | React Router DOM
Photos Database & Proxy:
Stack: PostgreSQL | Redis | Express | Node | New Relic | Loader.io | Artillery
10+ years in illustration, design, and painting, that informs a strong visual foundation and precision in design tooling. For full work history, visit my LinkedIn.
Bachelor of Arts in Fine Art (with minor in Digital Art)
React
Jest
GitLab
SonarQube
Bitbucket
Jira
Confluence
Storybook
Style Dictionary
design tokens
CSS/Sass variables
accessibility/WCAG
Figma MCP
Figma REST API
Figma Variables
Figma Agent
Figma Code Connect
Figma Make
Figma Dev Mode
Figma Design