DEV Community

Cover image for 12 Free Design Resources Every Developer Should Bookmark
Yash Tiwari for Coursesity

Posted on β€’ Edited on

58 13

12 Free Design Resources Every Developer Should Bookmark

We know how stressful it can be to search for various designing resources here and there. So, to save you some time, I decided to create this collection to provide all the best resource websites in one place. These free design resources will help you to create an eye-catching and visually rich design project.

As a Designer, you have to learn new things related to design and user experience regularly. You can learn the most by taking top design courses and tutorials.

Here are the top free design resource websites that every developer should bookmark.

1. 100 Daily UI Free

100Daily
100 Daily UI Challenge is a free collection of Figma elements and screens that you can customize with colors, shapes, and elements. It allows you to create some awesome UI designs and create better products.
This resource is free for commercial and personal use.

2. Invision App

Invision
Invision is a digital product design platform that powers the world's best user experiences. The InVision platform provides intuitive tools for ideation, design, prototyping, and design management all in one place. Over 7 million users at more than tens of thousands of companies use it, including American Express, Boeing, Netflix, Ikea, Slack, and Virgin Atlantic. Additionally, it offers:

3. Icons 8

Icons

If you're not an artist, Icons 8 can help you overcome the lack of quality graphics on your product. See what top Dribbble artists are doing to class up your product. Some features include:

4. UpLabs

Uplabs

UpLabs is a website that helps designers and developers find and share resources for building apps and websites. It is a community-powered marketplace that lets designers and developers share ready-to-use user interface components such as login boxes and payment forms. Designers and developers can receive feedback from each other on live concepts within the UpLabs community.

UpLab's three showcases:

5. Undraw

Undraw

Undraw is a library of up-to-date, beautiful vector icons available in four styles. It is royalty-free and free to use on commercial and personal projects. UnDraw provides free access to every image, asset, and vector it publishes. You can use them for both commercial and non-commercial purposes.

Sketch App Sources - Sketch UIs, Wireframes, Icons & much more

6. ManyPixels

ManyPixels

ManyPixels is a good choice for businesses that need graphic design services but don't want an in-house graphic designer. Over 1,300 customers use ManyPixels. Companies such as Beam, Decathlon, and Gartner are among the customers.

What types of users can use ManyPixels?

  • Bloggers/podcast hosts who want catchy icons for their channel.
  • Creative and marketing agencies who need email campaign designs, event graphics, or T-shirt design.
  • Corporations in need of business reports, infographic illustrations, and eCommerce graphics.
  • Startups that need help with branding, email marketing, and social media graphics.

7. Paaatterns

Patterns

If you have a tight deadline and want to be visually strong, consider our patterns - hand-made shapes and well-picked colors will come in handy when you run out of ideas. Paaatterns provides the following features:

8. IRA Design

IRA

IRA comes with a variety of ready-to-use features, gradients, and components. You can use the samples as they are or add a new block from the UI Kit. With IRA, you can create stunning illustrations using hand-drawn sketch components, a selection of 5 gradients, and AI, SVG, and PNG formats.

You can choose the colors, objects, formats, and scales for your images without affecting the quality.

9. Blush

Blush

Blush is a tool that showcases illustrations from artists around the world. The best thing is that you can customize every piece of an example to create your compositions. It is available as a plugin on Figma, making it simple for designers to play with illustration in their design tool without losing context in the canvas.

You can create eye-catching banners and visual slides, as well as graphs with rich visualizations with Blush.

10. Freeillustrations

Freeillustration

This collection of high-resolution vector and illustration background images is perfect for modern websites and landing pages. The weekly illustrations are updated with different topics every week. Also, you can contact them if you have any ideas for illustration background images.

11. Humaaans

Humaans
Humaaans is a free library to mix and match illustrations of people. You can create neat scenes by making changes to their positions, clothing, colors, and hairstyle. Furthermore, it is possible to add backgrounds to it and harness the power of libraries to customize it to suit your needs.

Available On - Sketch, Figma, InVision Studio, and Adobe XD.

12. UI Space

UI space

You can use the following features for free in UI space:


If you have made it this far, then certainly you are willing to learn more. Here are some more topics that we think will be interesting for you.

Quadratic AI

Quadratic AI – The Spreadsheet with AI, Code, and Connections

  • AI-Powered Insights: Ask questions in plain English and get instant visualizations
  • Multi-Language Support: Seamlessly switch between Python, SQL, and JavaScript in one workspace
  • Zero Setup Required: Connect to databases or drag-and-drop files straight from your browser
  • Live Collaboration: Work together in real-time, no matter where your team is located
  • Beyond Formulas: Tackle complex analysis that traditional spreadsheets can't handle

Get started for free.

Watch The Demo πŸ“Šβœ¨

Top comments (1)

Collapse
 
uuware profile image
uuware β€’

Great post. Here is an open source icons collection and tool for generating partial icon font or downloading icons as an image.

GitHub logo uuware / icons-font-customization

A collection of over 33,000 high-quality free svg icons and tools for generating customized icon font. All icons are completely free for personal or business requirements.

icons-font-customization

A collection of over 33,000 high-quality free svg icons and tools for generating customized icon font. All icons are completely free for personal or business requirements.
Open See all icons, to view all icons. You can change color, background color, size for icons and can search or cache selected results.
Update: Now you can download PNG, JPG, ICO and Apple ICNS image files directly from online.
πŸ”ΆDesktop Application for Windows, Linux, MacOS is released, or goto Download Releases πŸ”Ά

οΌˆδΈ­ζ–‡θ―΄ζ˜Žθ―·ε‚θ€ƒεŽεŠιƒ¨εˆ†οΌ‰


πŸ”ΆAll icons collected here are completely free for your personal or business requirements.πŸ”Ά
You can use this tool to combine / generate your own icon webfonts for your project from different sources.
This relevant license information is included in generated css file automatically.
logo.png

Icon Collections:

  • ant-design-icons Source: visit, License: MIT
  • Bootstrap Icons Source: visit, License: MIT
  • BoxIcons Source: visit, License: CC 4.0
  • …

Hot sauce if you're wrong - web dev trivia for staff engineers

Hot sauce if you're wrong Β· web dev trivia for staff engineers (Chris vs Jeremy, Leet Heat S1.E4)

  • Shipping Fast: Test your knowledge of deployment strategies and techniques
  • Authentication: Prove you know your OAuth from your JWT
  • CSS: Demonstrate your styling expertise under pressure
  • Acronyms: Decode the alphabet soup of web development
  • Accessibility: Show your commitment to building for everyone

Contestants must answer rapid-fire questions across the full stack of modern web development. Get it right, earn points. Get it wrong? The spice level goes up!

Watch Video 🌢️πŸ”₯

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay