DEV Community

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

Posted on • Updated on

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.

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