Enterprise Design Systems at Scale
Senior Design Systems Designer specializing in Token Studios, Style Dictionary, and multi-brand architecture. Currently scaling design systems across 160+ brands and 100+ products at Fortune 500 level.
Stephen Salyer - Senior Design Systems Designer
ABOUT MEStephen Salyer is a Senior Design Systems Designer with 6+ years of experience building and scaling enterprise design systems for Fortune 500 companies. Currently at Bayer, he leads the development and governance of a global multi-brand design system serving 160+ brands and 100+ products across web, mobile, and enterprise platforms.
His expertise lies in the technical implementation of design systems - architecting Token Studios workflows, Style Dictionary integrations, and automated CSS variable generation that reduces design-to-development handoff time by 60%. He's achieved 90% component library adoption across 50+ cross-functional product teams through comprehensive documentation, training programs, and governance frameworks.
Stephen's systematic approach to component standardization has reduced design inconsistencies by 80% across global brand portfolios, while ensuring WCAG 2.1 AA accessibility compliance. His work on Bayer's direct-to-farmer e-commerce platform redesign generated $2M+ in additional revenue.
Bayer Global Design System (Element)
Enterprise-scale design system built with Token Studios and Figma Variables serving 160+ brands across 100+ products with 90% adoption rate.
160+ brands supported
100+ products unified
90% adoption rate across teams
60% faster design-to-dev handoff
80% reduction in design inconsistencies
Built comprehensive design system from ground up using Token Studios and Figma REST API, establishing scalable design tokens and component libraries ensuring brand consistency at enterprise scale. Architected Style Dictionary integration that automatically generates CSS variables for development teams.Governance & Scale: Drive design system adoption across 50+ cross-functional product teams through comprehensive documentation, training programs, and governance frameworks. Collaborate with product managers, engineers, and UX researchers to evolve system architecture based on user feedback and A/B testing results.
Accessibility & Compliance: Ensure WCAG 2.1 AA accessibility compliance across all components, implementing inclusive design practices serving diverse global markets.
Bayer Crop Science E-Commerce Platform
End-to-end design of B2B e-commerce experience serving agricultural customers, generating $2M+ in additional revenue.
Link <—
Led the complete end-to-end design of Bayer's digital commerce platform for farmers from initial concept through launch and 6 months post-launch optimization. Partnered with agency teams during the conceptual phase, then took full ownership of the product design, transforming strategic vision into a comprehensive digital solution.
Designed the entire user experience including pre/post-authenticated user flows, complex product catalog navigation, and agricultural-specific purchasing workflows. The platform streamlined how farming professionals purchase and manage agricultural products while maintaining the complexity and specificity required for the industry.
My role encompassed the full product lifecycle: initial conceptual development with agency partners, complete UI/UX design execution, development collaboration, launch coordination, and post-launch iterations based on user feedback and performance data. This comprehensive involvement ensured a cohesive user experience that served both business objectives and farmer needs, ultimately driving $2M+ in additional revenue.
Features: Pre/post-authenticated user flows, responsive design, complex product catalog management, agricultural-specific purchasing workflows, and checkout optimization.
Timeline: Conceptual phase through launch + 6 months post-launch optimization.
DART - Internal Financial Analysis Tool.
Data visualization application built with Material UI, React.js, Chart.js, and Bayer's unified design system.
Designed and developed internal application for financial analysis and data visualization, leveraging the unified design system for consistent user experiences. Built using Material UI in React, with custom Chart.js implementations for complex financial data representation.
Technical Stack: Material UI, React.js, Chart.js, Figma, Bayer Design System integration
Custom Figma Plugins
This plugin was created to track the flow of variables within Figma across the design system. It becomes challenging to track what is tied to what if the alias chain gets too deep. This lets you follow an alias from your primitives all the way to components. It also can inspect components you have selected within Figma and follow an alias that way as well.
The Design System Contrast Checker is a multi-level configurable contrast checker that works across variables, styles, collections, and modes. It is a quick way to check contrast across your entire system at once. The settings you create stick to the file and can be copy and pasted.
Technical Expertise
Token Architecture
Specialized in Token Studios and Style Dictionary workflows, creating scalable design token systems that automatically generate CSS variables and maintain consistency across platforms.
Multi-Brand Systems
Expert in architecting design systems that serve multiple brands simultaneously while maintaining individual brand integrity and shared component efficiency.
Design-to-Code
Proven track record of bridging design and development workflows, reducing handoff friction through systematic token management and comprehensive component documentation.
Governance at Scale
Experienced in driving adoption across large organizations through training, documentation, and governance frameworks that ensure long-term system success.
PHILOSOPHYDesign is about relationships and translations. The better relationship you have with your stakeholders and developers, the better your designs will be translated into meaningful user experiences.
I also enjoy freelance work <3
This was created using Vectory (3D software), Figma, then developed with Material UI.