I’m sharing with you my personal favorite resources as a web designer. These tools and platforms have been invaluable to me, and I’m sure they’ll be a great help to you too. Let’s dive in!

Streamline

Streamline is an incredible library of over 10,000 icons available in various styles, including my favorite, the light style. It’s fantastic for seamlessly integrating icons into your designs. You can simply walk through the library, pick an icon, and copy it right into Figma as an SVG. They also have a Figma plugin for even easier use. Whether you’re working on a new project or updating an existing one, Streamline’s consistent icon sets save you a lot of time. They also offer a range of illustrations and vector sets that you can customize in terms of colors. There are both free and premium sets available,.It’s a must-have resource for every designer.

UNsplash

UNsplash is a great source for finding high-quality, free images for your web designs. You can browse through a vast collection of beautiful photos and use them in your projects without worrying about licensing issues. This platform is a treasure trove of inspiration and practical assets for any designer.

Tiny PNG

Tiny PNG is a must-have tool for every web designer. It compresses your images without losing quality, ensuring that your websites load faster. It’s free to use—just drop your images, and Tiny PNG will compress them by up to 80%. This is essential for optimizing your web designs and improving user experience.

You Work For Them

This is my go-to place for finding premium fonts. They offer an amazing selection of high-quality fonts at reasonable prices. You can get a premium font for as low as $12. The best part is that they provide design context for each font, so you can see how it looks in action rather than just on a plain white background. This helps in choosing the perfect font for your projects. Besides fonts, they also offer graphics, photos, and videos, but I primarily use them for fonts.

Reloom

Reloom is a fantastic resource for web designers, providing a huge library of components for both Figma and Webflow. They have an AI site builder that helps you create a site map and a wireframe tailored to your needs, which you can then customize and bring into Figma for design. You can also take it into Webflow for further development. They are constantly evolving and soon will include a style guide within the builder itself. This is one of the best up-and-coming resources in web design and one of my favorite companies right now.

LottieFiles

LottieFiles is an efficient platform for vector animations, allowing you to download and use various animations on your website. If you don’t find what you need, you can create your own animations using their Figma plugin or their new Lottie Creator, a simplified animation tool. This platform is amazing for adding dynamic elements to your web designs.

These six resources have been game-changers for me as a web designer. I hope you find them as useful as I have. Let me know in the comments which resources you use so the whole design community can benefit.