Katie Langerman
Lead Design Technologist - AI, Atlassian Design System
San Diego, California, United States
Summary
🤩
Rockstar🎓
Top SchoolKatie Langerman is a Lead Design Technologist with a decade of experience building and scaling design systems, currently focused on AI-driven components for the Atlassian Design System after a multi-year tenure shaping GitHub’s Primer. She blends design sensibility and front-end engineering—having led CSS, Storybook, and component work across Primer repos—to create accessible, token-driven UI foundations that designers and engineers can reliably adopt. Katie co-hosts the interface design podcast Complementary and maintains a design portfolio, signaling a strong public-facing commitment to community and craft. Her background spans launching CarGurus’ first design system to improving developer experience at scale, and she often operates at the intersection of tooling, documentation, and visual systems. Notably, she has hands-on experience refining Storybook tooling and color systems for widely used open-source design libraries.
10 years of coding experience
8 years of employment as a software developer
Bachelor of Arts (B.A.) Communications: Design Track Fine Arts Graphic Design, Bachelor of Arts (B.A.) Communications: Design Track Fine Arts Graphic Design at Simmons University
Github Skills (19)
javascript10
storybook10
ui-components10
css10
carbon-design-system10
system-design10
ruby10
system10
component-library10
sys10
viewcomponent10
react10
ruby-rails9
rails9
sass9
Programming languages (8)
Github contributions (5)
primer/react
Sep 2021 - Jan 2023
An implementation of GitHub's Primer Design System using React
Role in this project:
Front-end Developer
Front-end DeveloperContributions:434 reviews, 61 commits, 282 PRs in 1 year 4 months
Contributions summary:Katie primarily contributed to the implementation of the GitHub Primer Design System using React. Their work focused on enhancing the Storybook environment by adding and modifying features related to color mode and color scheme toggles in the toolbar. They also worked on organizing Storybook folder structure. Additionally, they made changes to the `UnderlineNav` component by namespacing CSS classes.
primerreactprimer-designdesign-systemcomponent-library
primer/css
Oct 2021 - Nov 2022
Primer is GitHub's design system. This is the CSS implementation
Role in this project:Front-end Developer
Front-end DeveloperContributions:245 reviews, 214 commits, 215 PRs in 1 year 1 month
Contributions summary:Katie primarily contributed to building and configuring Storybook for the Primer CSS repository. Their work included setting up the basic Storybook configuration, deploying Storybook on pull requests, adding stories for components like buttons and labels, and integrating features like a breakpoint picker and code block improvements within the Storybook environment. The user also focused on improving documentation and enhancing the visual aspects of the component library with new features.
primerreactsassprimer-csscss
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.