DEV Community

Cover image for 20+ Free Design Resources for Developers
moeminm
moeminm

Posted on

20+ Free Design Resources for Developers

Design resources are all over the internet, this list intends to curate some of the best out there for you to find easily. I plan on releasing a monthly version of this blog article with 20+ resources in every issue.

Colors

  • Color Hunt: Free and open platform for color inspiration with thousands of trendy hand-picked color palettes

  • Coolors: Create the perfect palette or get inspired by thousands of beautiful color schemes.

  • Colorinspo: 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 by ShapeFactory: 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.

Illustrations

  • Blush: Easily create and customize stunning illustrations with collections made by artists across the globe.

  • Open Peeps : A hand-drawn illustration library.

  • Avataaars: Create avatar illustrations in Sketch App with this free library. Combine clothes, hair, emotions, accesories, and colors. Video đź“ş

  • Open Doodles: A Free Set of Sketchy Illustrations.

  • Lukaszadam: MIT licensed SVG illustration images in different shapes & styles. Completely free for commercial projects - no attribution required. Open Source Illustrations.

  • Pixeltrue: Free SVG Illustrations AND Lottie Animations are available for free for personal and commercial use (MIT License).

  • Uplabs: UpLabs is the place to find high-quality design resources for designers, creative agencies and developers.

Learning Design

  • Growth Design: Growth & UX case studies in a comic book format. Improve your product skills with real-world examples.

  • Design Better: DesignBetter.Co is the essential guide to the best design practices from top design experts. Learn how to build a world-class design organization and more.

  • ReallyGoodUX: Screenshots and examples of great UX from real mobile and web products. Discover the best UX examples—including onboarding tours and walkthroughs, new feature and rebrand announcements, UX copywriting, signup flows and more.

  • Laws of UX: A collection of the maxims and principles that designers can consider when building user interfaces.

Inspiration

  • Mobbin: A hand-picked collection of the latest mobile design patterns from apps that reflect the best in design. Get inspiration from over 250 iOS apps and 25,000 patterns (screenshots from iPhone 12) available on the platform. Sign up to save your favorite patterns.

  • Onepagelove: One Page website design gallery showcasing the best Single Page websites, templates and resources.

  • Landingfolio

  • Landbook: Design gallery with the best and most carefully collected websites. We help creatives find inspiration & motivation to do rad stuff.

That's it for this issue! Be sure to leave a comment if you feel like there's a resource that should be in any upcoming issue.

Top comments (0)