Making design systemsMakingdesignsystemswork for people,workforpeople,and now for AI.andnowforAI.
I'm a product designer with 20+ years in the craft, most recently at Verizon. My favorite problems are big and messy, the kind where a good system makes things better for everyone who touches it.
Five projects, five different muscles.Fiveprojects,fivedifferentmuscles.
Smartphones
Shop nowLearn more
Compare
Buy ›
Email address
Delivery + SetupIn-store pickup2-day shipping
Close
Web
Smartphones
Shop nowLearn more
Compare
Buy ›
iOS
Smartphones
Shop nowLearn more
Buy ›
Compare
Android
Smartphones
Shop nowLearn more
Buy ›
Compare
Visual QA · Text input
Build report
Test 1
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Notification TitleNotification subtitleIgnored
Notification TitleNotification subtitleIgnored
Test 2
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Test 3
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Incorrect error text colorText under the field is the wrong red
Notification TitleNotification subtitleIgnored
Test 4
Label i
Notification subtitle!Notification subtitle!
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Incorrect error iconShould be a diamond with an exclamation point
Test 5
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Incorrect error text colorText under the field is the wrong red
Test 6
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Feedback Report
4 issues from 12 flags.
Copy
Total 4
Error 3
Warning 1
Success 0
Info 0
Error 3
Mismatching letter spacing in the input text (x6)
Sources
Link 1
Link 2
Link 3
Link 4
Link 5
Link 6
Font should not be bold (x3)
Sources
Link 1
Link 2
Link 3
Incorrect color for the error text under the field (x2)
Sources
Link 1
Link 2
Warning 1
Incorrect error icon: should be a diamond with an exclamation point (x1)
Sources
Link 1
Paste into Slack or Jira
Visual QA: 4 issues (12 flags)
Mismatching letter spacing in the input text (x6)
Font should not be bold (x3)
Incorrect color for the error text under the field (x2)
Incorrect error icon: should be a diamond with an exclamation point (x1)
# Go to Flags
Smartphones
Shop nowLearn more
Compare
Buy ›
Email address
Delivery + SetupIn-store pickup2-day shipping
Close
01 DESIGN SYSTEM · 2021–2026
Verizon Design System
Scaling a system that was already working
2021–2026
native iOS and Android
200+ trained designers
CHALLENGE The system worked, more teams wanted it, and the team had to grow without losing what made it good.
APPROACH Led early research on Tiles, then worked across components, specs, token naming, color, data viz, visual QA, and training, bridging design, engineering, and accessibility.
RESULT The system grew from web into native iOS and Android, and to 200+ trained designers.
Verizon.com homepages from 2012 to 2021, shown one year at a time in a browser window, with a film strip of each full page beside it. Verizon.com, 2012–2021.
03 LEADERSHIP · ENABLEMENT
Leading & Enablement
Grow the people, and the work gets better.
managed 5 → 40
200+ designers trained
three continents
CHALLENGE Two jobs, one muscle: first leading Verizon’s in-house design and copy team as it grew, then getting hundreds of designers to use the design system well.
APPROACH Managed the team as it grew from 5 to 40, hiring many of them myself. Later onboarded Verizon’s entire CX design group to the design system, trained agency partners on-site in Colombia and Costa Rica and teams in India, and staffed the help desk.
RESULT Seven years of Verizon.com shipped by the team I managed, and 200+ designers trained to use the system.
Visual QA · Text input
Build report
Test 1
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Notification TitleNotification subtitleIgnored
Notification TitleNotification subtitleIgnored
Test 2
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Test 3
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Incorrect error text colorText under the field is the wrong red
Notification TitleNotification subtitleIgnored
Test 4
Label i
Notification subtitle!Notification subtitle!
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Incorrect error iconShould be a diamond with an exclamation point
Test 5
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Incorrect error text colorText under the field is the wrong red
Test 6
Label i
Notification subtitleNotification subtitle
An error has occurred
Letter spacing mismatchInput text tracking is off
Font should not be boldUse the regular weight
Feedback Report
4 issues from 12 flags.
Copy
Total 4
Error 3
Warning 1
Success 0
Info 0
Error 3
Mismatching letter spacing in the input text (x6)
Sources
Link 1
Link 2
Link 3
Link 4
Link 5
Link 6
Font should not be bold (x3)
Sources
Link 1
Link 2
Link 3
Incorrect color for the error text under the field (x2)
Sources
Link 1
Link 2
Warning 1
Incorrect error icon: should be a diamond with an exclamation point (x1)
Sources
Link 1
Paste into Slack or Jira
Visual QA: 4 issues (12 flags)
Mismatching letter spacing in the input text (x6)
Font should not be bold (x3)
Incorrect color for the error text under the field (x2)
Incorrect error icon: should be a diamond with an exclamation point (x1)
# Go to Flags
Feedbacker compiles visual QA flags from a Figma canvas into one report. Untouched flags are ignored, 12 edited flags merge into 4 issues with links back to their sources, and the report can be placed on the canvas or copied for Slack or Jira.
04 AI TOOLING · FIGMA PLUGIN
Feedbacker
Tools that do the boring part
12 flags
4 real issues
two clicks and a paste
CHALLENGE Visual-QA feedback was scattered across files and threads. One round had 12 flags for 4 real issues.
APPROACH Designed and built Feedbacker to compile flags into one Slack-ready handoff. Also on the team that launched Verizon’s design-system MCP.
RESULT About 30 minutes down to about one per QA round: two clicks and a paste.
CHALLENGE Generations of stories scattered across boxes, hard drives, and several versions of the family tree.
APPROACH Merged the branches into one source, then designed and directed an AI-assisted build where relatives add their own memories, recipes, and photos.
RESULT 8,775 relatives, 283 recipes, 904 photos and documents, one designer.
AI doesn’t make design systems less necessary. It makes them the only thing standing between your product and AIdoesn’tmakedesignsystemslessnecessary.Itmakesthemtheonlythingstandingbetweenyourproductanda very confident mess.averyconfidentmess.
Teams can now generate a hundred screens before lunch. Without a system, that’s a hundred slightly different opinions about what a button is. With one, it’s a hundred screens that already agree with each other, and the people involved get to spend their time on the parts that need judgment.