Hayk An

Design Systems Director at Flodesk

Barcelona, Catalonia, Spain
email-iconphone-icongithub-logolinkedin-logotwitter-logostackoverflow-logofacebook-logo
Join Prog.AI to see contacts
email-iconphone-icongithub-logolinkedin-logotwitter-logostackoverflow-logofacebook-logo
Join Prog.AI to see contacts

Summary

🤩
Rockstar
Hayk An is a Design Systems Director based in Barcelona with 11 years of experience blending product design, design systems, and front-end development. He has led and shipped coded design systems at companies like Flodesk, Loom (where he helped build Lens), and Typeform, consistently pairing designer empathy with developer-first libraries and documentation. As a hands-on design engineer and former bootcamp instructor, he bridges visual craft and implementation—authoring UI components, responsive patterns, and accessible tooling. His open-source work includes front-end contributions to the popular boring-avatars React library and a polished color scale generator, reflecting a focus on modular, reusable design assets. Colleagues rely on him to turn messy product needs into pragmatic, reusable systems that scale across teams.
code11 years of coding experience
job11 years of employment as a software developer
github-logo-circle

Github Skills (9)

javascript10
styled-components10
ui-design10
react10
avatar10
svg9
responsive-design9
open-source9
css8

Programming languages (5)

SCSSJavaScriptGoHTMLRuby

Github contributions (5)

github-logo-circle
hihayk/scale

Jul 2018 - Jun 2020

Color scale generator
Role in this project:
userFront-end Developer
Contributions:96 commits, 5 PRs, 76 pushes in 1 year 10 months
Contributions summary:Hayk primarily focused on improving the user interface and design of the color scale generator. Their commits demonstrate work on styling, layout, and component structure using styled-components. The changes include adding responsive design elements, refining input styles, implementing a copy-to-clipboard feature for color codes, and enhancing the overall visual presentation of the application. They also refactored the code to break down the app into files and used hooks.
scalecolor-scale
Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.
Role in this project:
userFront-end Developer
Contributions:85 commits, 2 PRs, 66 pushes in 5 months
Contributions summary:Hayk primarily contributed to the development of the front-end user interface for the "boring-avatars" React library, as evidenced by the commits focused on the playground component. They implemented UI elements, added features like dark mode and color pickers, and integrated the avatar components into the playground. They also worked on the styling and structure of the demo application, showing expertise in UI component creation and styling.
react-libraryreactjsprofile-picture-componentboring-avatarscolor-palette
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.
Request Free Trial