large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="https://blog.prototypr.io/12-design-tools-websites-for-ui-ux-designers-c935d0a85623?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Mockplus 
The continuous improvement of <a href="http://www.mockplus.com/?utm_source=promote&amp;utm_medium=click&amp;utm_campaign=grace">designing tools</a>, have a positive impact on usability and user experience, that provides great convenience for designers, as well as the users. Therefore often a good web designer will try to be updated with frontier, and master the latest tools. Hundreds of <a href="http://www.mockplus.com/?utm_source=promote&amp;utm_medium=click&amp;utm_campaign=grace">design blogs and websites</a> update design articles, share design skills, and recommend new tools today on the internet. That is the important source of information for designers. Now, let’s look have a look at what’s new about the design tools and websites.
1. <a href="https://uxchecklist.github.io/">UX checklist</a>
Are you sure you have settled all the problems? When you prepare to hand over the project to your clients?
UX Checklist is a professional checklist for user experience, you can follow it to review the stage of your project, whether you have already finished all the woks or not.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*dcBe8bVRj3sYGFUi.png">
2. <a href="https://fortawesome.github.io/Font-Awesome/">Font Awesome</a>
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*WR1AlBG3q5aEwM00.png">
3. <a href="http://perfecticons.com/">Perfect Icons</a>
Perfect Icons is an easy tool to create resolution independent social icons.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*W-b7ds_BQSjNGszB.png">
4. <a href="http://freebiesbug.com/">Freebiesbug</a>
Abundant useful resources about web design collected on Freebiesbug, including various kinds of resources about template, UI, and plug-in.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Fi3pY1P0dmFcM2k5.png">
5. <a href="http://pttrns.com/">Pttrns</a>
Mobile design patterns and UI resources like UIKit and UI elements are available on Pttrns for designers.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*L0fpo9HIDd48lydB.png">
6. <a href="http://www.flatuicolorpicker.com/">Flat UI Color Picker</a>
Flat UI Color Picker is a great choice on color scheme, if you want to create a preeminent flat style interface design.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*NjacP50gjz1UvsA8.png">
7. <a href="http://techandall.com/">Tech&amp;All</a>
Tech&amp;All is a fully-equipped website for web design resources, such as materials about code, template, visual design, UIKits, UI elements, and navigation design are all included.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*pAm5x-uIsEf9mB9q.png">
8. <a href="http://www.siteinspire.com/">Site Inspir</a>
Lack of inspiration? Don’t know how to use websites? Site Inspire can be a good assistant for you to restore this problem. It can also filter materials flexibly for you, according to different category, platform, and style.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*EZRbVAgevUWmnUty.png">
9. <a href="http://www.goodui.org/">GoodUI</a>
What kind of design can be called as good UI? On GoodUI, you can find a large number of skills and guidance.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Oid1pnT1kHneG9h4.png">
10. <a href="http://qrohlf.com/trianglify/">Trianglify</a>
Trianglify is a tool to generate beautiful triangle materials and background of SVG and CSS.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*V9ii3pv8DoD261C2.png">
11. <a href="http://uifaces.com/">UI faces</a>
UI faces is a website to find sample avatars for UI mockups. It’s very good to use on visual design.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*4vyLtblexwr6fBAK.png">
12. <a href="https://goo.gl/SQJzpy">Mockplus Blog</a>
This site is a comprehensive UI/UX information collection. Topics range from <a href="https://goo.gl/BWC4kr">basic UI/UX knowledge</a> to instructive tutorials and design trend predictions. It has a concise style with a pure background — no more superfluous advertisements, only applied information for designers. The blog’s original and selective articles are free of charge, all of them could satisfy designers from different levels.
<img alt="" src="https://cdn-images-1.medium.com/max/602/0*Tjob7oq9sA-JtKod.">
You may also interested in:
<a href="http://goo.gl/SuTaq4">Designers’ Routine: 25 UI/UX Design Websites You Must Know</a>
<a href="http://goo.gl/QxIWor">The Best UI/UX Design Books &amp; Resources for Designers</a>
<a href="http://www.mockplus.com/blog/post/needtoknow-skills-of-ui-design-for-mobile-devices/?utm_source=promote&amp;utm_medium=click&amp;utm_campaign=grace">Need-to-Know Skills of UI Design for Mobile Devices</a>
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=c935d0a85623" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/12-design-tools-websites-for-ui-ux-designers-c935d0a85623">12 Design Tools &amp; Websites for UI/UX Designers</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

12 Design Tools & Websites for UI/UX Designers

12 Design Tools & Websites for UI/UX Designers

Top Stories