Garrett Whisten
Senior Product Design Engineer at 201 Lab
Santa Monica, California, United States
Summary
🤩
Rockstar🎓
Top SchoolGarrett Whisten is a Senior Product Design Engineer in Santa Monica with eight years of experience blending frontend engineering and product design to deliver polished, usable web interfaces. He focuses on React-driven frontends and design systems, contributing UI improvements and component testing to high-profile open-source projects like MetaMask. At GumGum he shapes both internal and external dashboards while maintaining design-token consistency and prototyping early to validate UX against product architecture. Garrett’s background spans eCommerce content and freelance client work, giving him a practical sense for shipping marketing-facing features and assets. He pairs visual tool fluency (Figma, Creative Cloud, Sketch) with hands-on HTML/CSS/JS implementation, making him a true design engineer who bridges aesthetic intent and production-ready code.
8 years of coding experience
2 years of employment as a software developer
Bachelor of Science (B.S.), Communication, Bachelor of Science (B.S.), Communication at Arizona State UniversityFull Stack Web Developer Certification, Computer Software Engineering, Full Stack Web Developer Certification, Computer Software Engineering at University of California, Irvine Division of Continuing Education
Stackoverflow
39reputation
30kreached
9answers
2questions
Github Skills (14)
react-testing-library10
testing-library-react10
javascript10
testing-library10
react-testing10
react10
ui-components10
pseudo-elements6
html6
css6
formik6
css-float6
custom-component6
google-maps6
Programming languages (8)
Github contributions (5)
MetaMask/metamask-extension
Aug 2022 - Jan 2023
:globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites
Role in this project:
Front-end Developer
Front-end DeveloperContributions:94 reviews, 82 commits, 39 PRs in 5 months
Contributions summary:Garrett contributed significantly to the UI/UX of the MetaMask extension, as evidenced by their commits. Their work focused on the implementation and refinement of UI components, including typography and icons, to improve the user interface. They upgraded design tokens, added component testing, and made adjustments to text colors and font families, demonstrating a focus on design system consistency. The commits also include stories, tests, and various UI element configurations.
dapp-developersethereumweb3bravemetamask
gumgum/design-system
Oct 2020 - Jun 2022
GumGum's Design System
Contributions:131 commits, 39 PRs, 131 pushes in 1 year 8 months
reactsasscssdesign-systemdesign-systems
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.