2020 Free UI /UX Design Resources Trends — part 1
Tags: uiweekly, ux, design
Published: 2019-11-20 07:30:31


# 2020 Free UI /UX Design Resources Trends — part 1

2020 UI /UX trends free tools and resources

![](https://cdn-images-1.medium.com/max/2560/1*bJ07w3iIj0mmQMRc7VJ2Ew.png)

## The Best Resources For Designers In One Place

1. [**opendoodles](https://www.opendoodles.com/)**

Price : Free

![](https://cdn-images-1.medium.com/max/2000/1*24Vfec9DcRkYWcZZAzrjHA.png)

A library of sketchy illustrations of people free for personal and commercial use

![](https://cdn-images-1.medium.com/max/2880/1*vKoXj1n49uq6lJ78-MY8iA.png)

2)[ Lapa Ninja](https://www.lapa.ninja/)

Price: Free

![](https://cdn-images-1.medium.com/max/2000/1*930CcP8p0rRkEu6WEgnMRg.png)

The best landing page design inspiration from around the web. 2000+ landing page examples and updated daily.

[Lapa Ninja](https://www.lapa.ninja/) was created to help designers find inspiration, learn, and improve their design skills. Content is selected from some of the best designs on the web, and updated daily.

![](https://cdn-images-1.medium.com/max/2880/1*jMBfL3r_uC_sOW_ogM7K3A.png)

3) [**UI STORE DESIGN](https://www.uistore.design/)**

price: Free

![](https://cdn-images-1.medium.com/max/2000/1*pE8VS4PjXqW2ukS9OKO6sw.png)

220+ free handpicked design resources for Sketch, Figma, Adobe XD, InVision Studio, Photoshop, Illustrator CC.

![](https://cdn-images-1.medium.com/max/2872/1*iATIEwPHJ5eSW5HHWTcdDA.png)

4) [Playbook](https://askplaybook.com/)

price: Free

![](https://cdn-images-1.medium.com/max/2000/1*vH2iVGX_zPem3EY1bC9gEA.png)

Playbook helps designers achieve their career goals.

![](https://cdn-images-1.medium.com/max/2872/1*_-0Ic6x6d5ApniZq9oPZsg.png)

5) [VECTOR CREATOR](https://icons8.com/vector-creator)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*GUBq5s4mMQQT380H9a78IQ.png)

Create engaging illustrations in-browser for free.

![](https://cdn-images-1.medium.com/max/2124/1*Uz9ixGid687aedywcjpxAw.png)

6) [H69.Design](https://www.h69.design/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*U72Eb81ovsQWaWkXZhhFng.png)

Landing page collections & Free resources for designers.

![](https://cdn-images-1.medium.com/max/2880/1*eLujZoPDem1UpUYaUD3l7w.png)

7) [Shape](https://shape.so/)

price: free + $$$$$$

![](https://cdn-images-1.medium.com/max/2000/1*wJr6naW9vta02iU1o78RHA.png)

1000+ Customizable, Animated Icons & Illustrations. You can export to React, SVG and Lottie code

![](https://cdn-images-1.medium.com/max/2880/1*W5fyXs4iMqwocqxyqCJAUA.png)

8) [Product Design Tips](https://productdesign.tips/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*dBO7rXAozaccfUfhu76-Ow.png)

The ultimate collection of product design resources.

Productdesign.tips is a collection of product design articles, lessons and tools. Curated and delivered daily through the web app, Chrome extension and Slack

![](https://cdn-images-1.medium.com/max/2880/1*hAZmRnmdeEJIdOnpOL2k-Q.png)

9)[ Animated Icons](https://icons8.com/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*Bh6ZjFvmcQYmz1W-0IR1yQ.png)

Add user delight to your site with this free pack of 200+ animated icons.

Get them in multiple formats–download GIF, JSON (Lottie) and After Effects. These motion graphics are all free for a link, so go ahead and download animations to polish your checkout experience, media interactions, or social sharing.

![](https://cdn-images-1.medium.com/max/2880/1*Qqg5bVCexBwdTddEiVGuBw.png)

10) [Ouch](https://icons8.com/)

price: free + $$$$

![](https://cdn-images-1.medium.com/max/2000/1*fD_7DqYxMgQmmBREEi1b1w.png)

Download the free illustrations from top Dribbble artists to class up your product.

Ouch helps creators who don’t draw overcome the lack of quality graphics.

![](https://cdn-images-1.medium.com/max/2880/1*FZMRWYCoEEwejqJ7qgHHVQ.png)

11) [Stubborn](https://stubborn.fun/)

price: $$$$

![](https://cdn-images-1.medium.com/max/2000/1*QGKOdfvX3OmewyZKjmPBWw.png)

Free illustrations generator for Figma and Sketch. Get the opportunity to design your characters using symbols and styles.

![](https://cdn-images-1.medium.com/max/2366/1*nIvo3jA0RxuxqNApQhC_lA.png)

12)[ paaatterns](https://lstore.graphics/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*RvTeeeTCjOmta57BOW7dPg.png)

Free collection of beautiful patterns for all vector formats.

For Sketch, Figma, XD, Illustrator. In png and SVG easy to customize and edit, thanks to layer styles and vector shapes

![](https://cdn-images-1.medium.com/max/2708/1*EpCeJT8lpyHR90QBB0jFLg.png)

12)[ eva designsystem](https://eva.design/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*nalGk3lXlaKnAWIx8Ia7kw.png)

Customizable Design System is easily adaptable to your Brand. Available for Sketch with Mobile and Web component libraries.

![](https://cdn-images-1.medium.com/max/2708/1*XaLeYxJ_q-zctE3cKSH44Q.png)

13) [apple](https://developer.apple.com/design/resources/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*QZRs4wVrlZlhv5-UxN3Rjw.png)

Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources..

![](https://cdn-images-1.medium.com/max/2852/1*D5kLhBZcu4ZEbWowBExG8A.png)

14) [mockupsforfree](https://mockupsforfree.com/)

price: free + $$$

![](https://cdn-images-1.medium.com/max/2000/1*aPFDMmBc68pnkKkNaWQH7A.png)

Free design resources, PSD files for graphic and web designers.

![](https://cdn-images-1.medium.com/max/2478/1*AUnYP3FAw-5uRKwzNXhvEg.png)

15) [facebook](https://facebook.design/)

price: free

![](https://cdn-images-1.medium.com/max/2000/1*V8qzTtUdA4dLQo6d712zZw.png)

Images and Sketch files of popular devices.

![](https://cdn-images-1.medium.com/max/2000/1*wBY9kl6XOCL0DKa-5NEpTQ.png)