Best Design Resources

Best Design Resources

40+😍 resources for designers gathered in one location

Since the very beginning of my college career, I have been studying and practising design. During this time, one thing that I have learned is that the amount of resources one has, makes the difference between a professional designer and a novice designer, so here I have compiled all the helpful design resources that will be very beneficial for designing. I hope you enjoy👌 using all these resources.

Happy reading😊!

Illustrations

business-team-brainstorm-idea-lightbulb-from-jigsaw-working-team-collaboration-enterprise-cooperation-colleagues-mutual-assistance-concept-pinkish-coral-bluevector-isolated-illustration_335657-1651.webp

  • Blush: Easily create and customize stunning illustrations with collections made by artists across the globe.
  • Open Peeps: A hand-drawn illustration library.
  • Open Doodles: A Free Set of Sketchy Illustrations.
  • Lukaszadam: Completely free for commercial projects - no attribution required. Open Source Illustrations.
  • Pixeltrue: SVG Illustrations and Lottie Animations are available.
  • Uplabs: UpLabs is the place to find high-quality design resources for designers, creative agencies and developers.
  • Humaaans: Mix-&-match illustrations of people with a design library.
  • unDraw🔥: Open-source illustrations for any idea you can imagine and create.
  • Charco: This set includes categories like 404 error, no internet connection, no service, fatal error, page not found, something went wrong, under construction and many more.
  • Ouch!😍Personal Favourite: Ouch helps creators unable to draw overcome the lack of quality graphics.

Icons

icons.png

  • Icons8❤️‍🔥: Icons, illustrations, photos, music, and design tools.
  • Flat Icon😍Personal Favourite: Icons for use.
  • The Noun Project: Icons and Photos for everything.
  • Iconscout: Free Icons illustrations stock photos in one place.
  • Iconmonstr: Discover 4496+ free icons in 313 collections.
  • Feather Icons🔥: Beautiful, customizable open source icons.
  • Iconfinder: Free and premium vector icons in SVG, PNG, CSH and AI format.
  • Heroicons: Free, open-source icons from the creators of Tailwind CSS.

Fonts

Build-your-brand-How-to-choose-the-right-fonts.webp

  • Google Fonts😍Personal Favourite: Library of around 1000 free licensed font families.
  • DaFont: Archive of freely downloadable fonts.
  • FFonts: 100,000+ Free Fonts.
  • Dev Fonts🔥: Find and use the coding fonts for free.
  • Fontsquirrel: A collection of free fonts for commercial use.

Colors

maxresdefault.jpg

  • ColorHunt: Free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
  • Coolors😍Personal Favourite: Create the perfect palette or get inspired by thousands of beautiful color schemes.
  • Color Inspo: Thousands of beautiful color palettes you can use it directly by one click.
  • Grabient: Beautiful and simple UI for generating web gradients.
  • Khroma: Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
  • Pigment: A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math. Find a beautiful, free color palette in seconds to kick off your next project.

Mockups

mockup-header-pic_1.png

  • Mockup World😍Personal Favourite: The best free Mockups from the Web.
  • UI Bundle: Discover 535 free design assets for designers and developers.
  • Uplabs: Unlimited UI Kits, Icons, Templates, and much more.
  • Original Mockups🔥: Free PSD Mockup Templates.
  • Graphicburger: Large collection free mockups.

Design Inspiration

Real-talk-mood-board-a-dozen-eggs-scaled.webp

  • Freepik❤️‍🔥: All the assets you need, in one place. Find and download the best high-quality photos, designs and mockups.
  • Behance😍Personal Favourite: Behance is the world's largest creative network for showcasing and discovering creative work.
  • Dribbble🔥: Dribbble is a self promoting and social networking platform for digital designers and creatives.
  • Mobbin: Get inspiration from over 250 iOS apps and 25,000 patterns available on the platform.
  • Onepagelove: One Page website design gallery showcasing the best Single Page websites, templates and resources.
  • Landingfolio: Landingfolio features the best landing page inspiration, templates, resources and examples on the web.
  • Landbook: Design gallery with the best and most carefully collected websites. We help creatives find inspiration & motivation to do rad stuff.

Designing Tools

graphic_design_software-1.jpg

  • Adobe XD🔥: Wireframe, animate, prototype, collaborate, and more — it’s all right here, all in one UI/UX design tool.
  • Figma😍Personal Favourite: Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows.
  • ProtoPie: Prototype any digital product realistically—from mobile to IoT, from desktop to connected experiences. ProtoPie is the most intuitive way to prototype.
  • Principle: Principle makes it easy to design animated and interactive user interfaces. Principle helps you create designs that look and feel amazing.
  • Invision Studio: Free screen designing tool from InVision.
  • Framer: Framer is an all-in-one tool that helps teams design every part of the product experience. Start in Framer and get to a functional prototype faster than ever—no code required.

Did you find this article valuable?

Support Sahil Saini by becoming a sponsor. Any amount is appreciated!