Tokens first
Color, type, and radius are contracts — not decoration. If it isn’t a token, it isn’t in the product.
Design Systems Leader · Coppell, TX
Systems that
engineering adopts.
I take Figma libraries and design tokens all the way to production code. Four systems shipped. No handoff gap. No drift.
4Systems owned
13+Years in UX
40+Skyline components
Libraries in the wild
Each system is a different org, a different stack, the same bet: tokens as the contract between design and code.
A small, live system
Make it yours.
Choose three semantic colors, then tune the supporting tokens. The component preview updates as you go.
Contrast check
Text on surface · 4.5:119.44:1 · Pass AA
Ghost button border · 3:114.35:1 · Pass AA
How the work holds
Hands-on systems design and people leadership in the same seat — governance, mentoring, and still deep on token architecture.
No handoff gap
Figma libraries, tokens, and production APIs are the same system. Engineers import a package. Designers don’t throw files over a wall.
Adopted or it doesn’t exist
A system that ships and isn’t used is a styleguide. Governance, mentoring, and component APIs are the work.