Since I started working in web design, I've made it my mission to learn something new with every project. I'm curious and methodical, I love finding ways to make repetitive tasks easier so I can spend more time on the creative stuff.
With each project, I've tested new ways to smooth out the process, trying different tools and plugins. And like most web designers and UI/UX folks, my go-to is Figma. So I wanted to share a list of the tools I use in those early stages, you know, after I've evaluated the brand, done my research, sketched out the wireframes, and I'm ready to bring the brand identity to life through colors and fonts. But I don't just wing it. I like to stay organized and build out a proper little design system from the start.
Here are the tools I use a lot:
Typescale
Foundation: Color Correction
Kigen - Generate Design System Variables
Styles to Variables Converter
Color Contrast