75+ Awesome Tools for Designers

🎨 Pick Colors

  1. BrandColors
     Official color codes of the world’s biggest brands.
  2. Coolors
    Generate infinite color palettes for your designs and share, export or save it in your profile.
  3. Material Design colors from Google
     This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS.
  4. Generate Material Color Palette
    Choose your favorite colors and get your Material Design palette generated and downloadable.
  5. Frontify:
    Create beautiful style guides for your project.

🎀 Icons for free

  1. IconStore:
    Free icons by first-class designers.
  2. Flaticon:
     A search engine for 16000+ glyph vector icons. Includes a Photoshop plugin to insert icons directly into an artwork.
  3. Iconfinder:
    Iconfinder hosts both Free and premium icons.
  4. Material icons:
     Material icons are beautifully crafted, delightful, and easy to use in your web, Android, and iOS projects.
  5. The Noun Project:
     Creating, Sharing and Celebrating the World’s Visual Language.
  6. Toicon:
     Vector icons with personality, free for your use.

🀄 Typography

  1. Fontflame
    Tinder for fonts. It matches 2 fonts and help you to visualize the pair for FREE.
  2. FontReach
    FontReach scans the top million sites to show font usage across the web.
  3. Fontsquirrel
    Provides 100% FREE font for commercial usage.
  4. 1001Fonts:
    Free fonts available for commercial or personal use.
  5. Typekit:
     Typekit allows to use high-quality fonts in their work through a subscription plan to their font library.

📷 Free Stock photos

  1. Gratisography
  2. Unsplash
  3. Pixabay
  4. Pexels
  5. Stockup
  6. VisualHunt
  7. Superfamous
  8. Videvo: Free stock Motion graphics and Video


  1. Sketch:
    Sketch is a vector design tool entirely focused on user interface design . It’s easy to pick up and costs a fraction of the price of Photoshop. Currently available only for Mac.
  2. Napkin:
    Allows you to design quick mockups, directly on your phone.
  3. Inspr:
    Similar to Napkin, allows you to design quick mockups, directly on your phone.
  4. Ux Pin
    Another Great Prototyping tool by Drag and Drop like Moqups and Mockingbird.
  5. Marvel:
    Simple design, prototyping and collaboration tool.
  6. Weld
    Drag and Drop quick website builder.
  7. WebFlow
    Another Drag and Drop quick website builder.
  8. HTML5 Up
     Responsive HTML5 and CSS3 website templates.


  1. Invision:
    Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes. Share, gather Feedback and Collaborate on them with others.
  2. Zeplin:
     Zeplin is the collaboration tool between designers and developers. It helps you to generate styleguides and resources, automatically, easy to export.
  3. Avocode:
    Similar to Zeplin, allow developers to quickly export colors, image assets, fonts, text, CSS, sizes and dimensions from a Design.
  4. POP:
    Take images of mock ups drawn on paper, edit them on your desktop and discuss with your team.
  5. Frame.io:
    Privately upload, review, and share media with your entire team, anywhere in the world.

Make quick Discussion with team

  1. Relay:
    Discuss design with your team in Slack.
  2. Red Pen:
    Involve client, team members and get fast feedback.

🎑 Inspirations

  1. The Best Designs
  2. Awwwards
  3. One Page Love
  4. CSS Winner
  5. MaterialUp
  6. Landing Folio
  8. Muzli
  9. Design Inspiration
  10. Css Design Awards
  11. Site Inspire
  12. Design you Trust

🔖 Saving essential links

  1. Hypershoot:
    When you save any website link in Hypershoot, it saves screenshots of the page, in 3 different formats ( web, Mobile, Tab) to help you see your design inspirations at later point of time.
  2. Basket:
    Basket is your best place to keep any kind of links organized with Categories, Labels and Notes. You can also read your saved design articles offline any point of time.
  3. Pinterest:
    Pinterest is a visual discovery tool that you can use to find ideas for all of your projects and interests.

🎴 Understanding User behavior

  1. Ux Cam:
    UXCam allows you to improve user experience by capturing and visualizing screen video and user interaction data.
  2. Lucky Orange:
     Lucky Orange will automatically create a recording of every visitor to your website.
  3. Hotjar:
     You can see how visitors are really using your website by heatmap and can collect user feedback with polls, surveys,etc.

👻 Other Design Resources

  1. Freebbble:
     1000+ high-quality design freebies made by Dribbble users.
  2. Graphic Burger: 
    Tasty design resources made with care for each pixel.
  3. Screenshot Builder:
     Screenshot builder makes it easy to create beautiful, custom images for your App Store page and exports them in every resolution Apple requires.
  4. Premium Pixels: 
    Free Stuff for designers, like- icons, mockups.
  5. Freebiesbug:
    Latest free PSDs & other resources for designers.
  6. Fribbble: 
    Free PSD resources by Dribbblers curated by Gilbert Pellegrom.
  7. Dbf: Dribbble & Behance best design freebies.
  8. Easel.ly:
    Easy infographics creator.
  9. Pixler:
    Robust browser photo editor.
  10. Canva: Simple graphic design for social medias.

🎭 Communities

  1. Designer News
  2. Behance
  3. Dribbble
  4. Web Designer News

🎓 Learning Resources

  1. Ux Companion:
    A handy glossary of user experience (UX) theories, tools and principles.
  2. Smashing Magazine:
     It is a magazine for professional Web designers and developers, with a focus on useful techniques and best practices.
  3. UX Mag:
     UX Magazine is a central, one-stop resource for everything related to user experience.
  4. Webydo Blog:
    Webydo’s blog gives you the latest web design news, tips, tools, insights and ideas from the finest web design service and community in the world.
  5. Abduzeedo:
     Design inspiration and tutorials by Fabio Sasso, a Brazilian designer living in Porto Alegre.
  6. Interaction Design:
    Learn User Experience (UX) and Design from experts.
  7. Web Designer Depot:
    Web Design Resources for Web Designers, including Photoshop Tutorials, WordPress Plugins, and Web Development tools.
  8. Despreneur:
     Despreneur is a magazine about design, technology and entrepreneurship.
  9. Tutplus:
     Find videos and online courses to help you learn skills like code, photography and web design.

There are also plenty of tools and websites available. We will update the list time to time.

Curated by
Team Basket

If you liked the post, please hit 💚 so others can enjoy it too :)

P.S: We help businesses and individuals at RedElegant with interactive App and Web design. We will be glad to see you at our home :)