Found the world-class UX Design Courses.
\nYour one-stop design school to learn new design skills.
\nWebsite | Courses | Topics | Join our community
\nWe share knowledge with the world.
\n\nLearn to think like a UX designer and gain the concepts, skills, and confidence to build your UX career.
\n\nWe envision a world where anyone, anywhere has the power to transform their lives through learning.
\n\nThese are the websites where the world’s top design talents share their works and ideas.
\nShowcase and discover the latest work from top online portfolios by creative professionals across industries.
\n\nDribbble is where designers gain inspiration, feedback, community, and jobs and are your best resource to discover
\n\nAwwwards are the Website Awards that recognize and promote the talent and effort of the best developers and designers.
\n\nCheck out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.
\nmobbin.design.com
\nOver 500+ interactions from the world's best designed and highest-grossing apps.
\n\nThe largest collection of the best portfolio websites from top designers in the industry.
\n\nDesigners' Secret Source: all the design inspiration you need. Served fresh.
\n\nUse these tools to explore different color schemes quickly.
\nCreate color schemes with the color wheel or browse thousands of color combinations from the Color community.
\n\nCreate and share color palettes for your UI, and measure the accessibility of any color combination.
\n\nSearch, discover, test and create beautiful color palettes for your projects
\n\nContrast is the difference in luminance or color that makes an object (or its representation in an image or display)
\n\nColorbox is a color tool to produce color sets.
\n\nCome to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop, and Sketch.
\n\nThe biggest collection of official brand color codes around. Includes hex color codes for 500+ brands including…
\n\nA curated collection of the most popular and trendy color palettes. Get the perfect color ideas for your design.
\n\nDrawing illustration could be time-consuming, why not start with this template and use it as a draft/underlay and build your design on top of that?
\nOpen-source illustrations for every project you can imagine and create.
\n\nCreators who don't draw face the problem of the boring content for app screens, articles, landing pages, and emails.
\n\nA library of sketchy illustrations of people free for personal and commercial use.
\n\nFree illustrations, for everything. Memorable products, brands, & presentations start with our curated royalty-fr
\n\nIconscout comes with integrated Plugins, conversion Tools, and simple, powerful Editors that enhance and streamline your workflow.
\n\nAn aggregator that indexes various free avatar sources that you can use in your design mockups by copy-paste, API, plugins…
\n\nA collection of star vectors in various styles and illustrations with over 30 collections and 290k images.
\n\nImages and Sketch files of popular devices.
\n\nBig library of high quality best free UI & UX mockups
\n\nHuge collection of free mockups, patterns, illustrations, scene creators, DIY scenes, for Photoshop, Sketch, and Figma
\n\nA directory of the best free design mockups for Photoshop, Sketch, Figma, and InVision Studio.
\n\nFind documentation and resources for designing great apps for Apple platforms.
\n\nBuild beautiful, usable products faster. Material Design is an adaptable system-backed by open-source.
\n\nBehind the scenes of our new design system, This article is part of a series on our new Design Language System.
\n\nWith our company’s growth and new direction, we need a brand identity that is efficient to use, flexible across applications, and able to feature localized content in a globally consistent way.
\n\nOur style guide helps us collaborate across disciplines to build a great experience for all of Shopify’s merchants.
\n\nUse Atlassian’s end-to-end design language to create straightforward and beautiful experiences.
\n\nA collection of tools and resources from Facebook Design.
\n\nMaking the web more beautiful, fast, and open through great typography
\n\nTypewolf helps designers choose the perfect font combination for their next design project-features web fonts in the…
\n\nArchive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.
\n\nFont Squirrel scours the internet for high quality, legitimately free fonts.
\n\nHere at Typ.io, we're revealing designers' decisions for all to see; peeking under the hood of beautiful websites…
\n\nCreate a testable design prototype for your interviewee and get feedback
\nAdobe XD is your UI/UX design solution for website and mobile apps creation. Design, prototype, and share. Try it now.
\n\nInVision is the digital product design platform used to make the world's best customer experiences.
\n\nFigma helps teams create, test, and ship better designs from start to finish. Meet our customers Packed with design…
\n\nSeamless integration to the Mac app makes saving to Cloud as easy as hitting ⌘S. From there, you can organize designs…
\n\nA new tool for designing modern interfaces, built and used by designers at Facebook
\n\nA framer is coming to the web. Learn more › Why Framer X Resources Framer X Framer is coming to the web. Learn more › The…
\n\nThe principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a…
\n\nThe world's first user flow diagramming tool tailored for designers. Build and present beautiful user flow diagrams…
\n\nFree stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required
\n\nBeautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock…
\n\nStunning stock images, perfect for blogs and websites Explore stock photography by category, all free for commercial…
\n\nA collection of stock photography in a single style. Good for collages. Free for commercial use.
\n\nGlitch images, videos, or webcam using WebGL effects. Save output as image, gif, or video.
\n\nFind beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and…
\nduotone.shapefactory.co
\nCompressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining…
\n\nExcellent question! Let me give you a side by side comparison. Below are two photos of my cousin. The left image is…
\n\nmade with ♥ All trademarks, service marks, trade names, product names, logos, and trade dress appearing on our…
\n\nThis toolkit is an introduction to the methodology of service design
\nwww.servicedesigntoolkit.orgs
\nConnected space for product teams. Handoff designs and style guides with accurate specs, assets, code…
\n\nScalable, secure, cross-device, and enterprise-ready team collaboration tool for distributed teams. Join 2M+ users &…
\n\n","headings":[{"value":"Contents","depth":1},{"value":"UX Design Education","depth":2},{"value":"1. Interaction Design Foundation - UX Foundation Courses","depth":3},{"value":"2. Udemy","depth":3},{"value":"3. Dribble","depth":3},{"value":"4. Coursera","depth":3},{"value":"Inspiration","depth":2},{"value":"1. Behance -Top Creative Work On Behance","depth":3},{"value":"2. Dribble - Discover the World's Top Designers & Creative Professionals","depth":3},{"value":"3. Awwwards - Website Awards(Best Web Design Trends)","depth":3},{"value":"4. Mobile UI Design Patterns","depth":3},{"value":"Mobbin - Latest Mobile Design Patterns","depth":4},{"value":"5. UI Sources (Real App Interaction)","depth":3},{"value":"UI Sources | Mobile Design Patterns and Interactions","depth":3},{"value":"6. Bestfolios - UI/UX Design Portfolio Inspiration and Showcase","depth":3},{"value":"7. Muzil Design Inspiration","depth":3},{"value":"Color Tools","depth":2},{"value":"1. Adobe Color","depth":3},{"value":"2. Color Tool — Material Design","depth":3},{"value":"Color Tool — Material Design","depth":4},{"value":"3. Muzil Color Palette Generator","depth":3},{"value":"Color Palette Generator - Create Beautiful Color Schemes","depth":4},{"value":"4. Colorable (Color contrast tester)","depth":3},{"value":"#000000 on #fff9b0","depth":4},{"value":"5. ColorBox","depth":3},{"value":"ColorBox by Lyft Design","depth":4},{"value":"6. Web Gradient","depth":3},{"value":"Free Gradients Collection by itmeo.com","depth":4},{"value":"7. Brand Colors","depth":3},{"value":"BrandColors — official brand color hex codes","depth":4},{"value":"8. Color Hunt","depth":3},{"value":"Color Hunt — Popular Schemes for Designers and Artists","depth":4},{"value":"Components","depth":2},{"value":"1. Undraw (Illustration)","depth":3},{"value":"unDraw | Colorful illustrations","depth":4},{"value":"2. Ouch by Icons8 (Illustration)","depth":3},{"value":"Free vector illustrations - Ouch.pics","depth":4},{"value":"3. Opendoodle (Illustration)","depth":3},{"value":"Open Doodles - Free sketchy illustrations","depth":4},{"value":"4. Glaze (Illustration)","depth":3},{"value":"Glaze | Illustrations","depth":4},{"value":"5. Iconscout (Illustration)","depth":3},{"value":"Iconscout - Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations","depth":4},{"value":"6. UI Faces (Avatars for design mockups)","depth":3},{"value":"UI Faces - Avatars for design mockups","depth":4},{"value":"7. Freepik (Star Vectors and Illustrations)","depth":3},{"value":"Mockups","depth":2},{"value":"1. Facebook Design — Devices (Various HQ Device Mockup for download)","depth":3},{"value":"Facebook Design — Devices","depth":4},{"value":"2. Free Mockup World","depth":3},{"value":"UI & UX - Best Free Mockups","depth":4},{"value":"3. Is Graphics","depth":3},{"value":"Free Mockups and Design Tools PSD, Sketch, Figma","depth":4},{"value":"4. The Mockup Club","depth":3},{"value":"The Mockup Club - Best Free Mockups","depth":4},{"value":"Design Systems","depth":2},{"value":"1. iOS Human Interface Guideline - Apple","depth":3},{"value":"Design - Apple Developer","depth":4},{"value":"2. Material Design — Google","depth":3},{"value":"3. Airbnb Design","depth":3},{"value":"Building a Visual Language","depth":4},{"value":"4. Uber Design","depth":3},{"value":"Uber Brand","depth":4},{"value":"5. Shopify Polaris","depth":3},{"value":"6. Atlassian Design","depth":3},{"value":"7. Microsoft Design","depth":3},{"value":"8. Facebook Design Tools and Resources","depth":3},{"value":"Font","depth":2},{"value":"1. Google Fonts","depth":3},{"value":"Google Fonts","depth":4},{"value":"2. Typewolf","depth":3},{"value":"What’s Trending in Type · Typewolf","depth":4},{"value":"3. DaFont","depth":3},{"value":"DaFont - Download fonts","depth":4},{"value":"4. Font Squirrel","depth":3},{"value":"Free Fonts! Legit Free & Quality “ Font Squirrel","depth":4},{"value":"5. Font Inspiration","depth":3},{"value":"Typ.io: Fonts that go together","depth":4},{"value":"Prototyping Tool","depth":2},{"value":"1. Adobe XD","depth":3},{"value":"UI/UX design and collaboration tool | Adobe XD","depth":4},{"value":"2. Invision","depth":2},{"value":"InVision | Digital product design, workflow & collaboration","depth":4},{"value":"3. Figma","depth":3},{"value":"Figma: the collaborative interface design tool.","depth":4},{"value":"4. Sketch","depth":3},{"value":"The digital design toolkit","depth":4},{"value":"5. Origami Studio","depth":3},{"value":"Origami Studio - Design Prototyping","depth":4},{"value":"6. Framer","depth":3},{"value":"Framer | A lightning fast interactive design tool.","depth":4},{"value":"7. Principle","depth":3},{"value":"Principle","depth":4},{"value":"8. Overflow","depth":3},{"value":"Meet Overflow","depth":4},{"value":"Stock Photos","depth":2},{"value":"1. Pexels","depth":3},{"value":"Free stock photos · Pexels","depth":4},{"value":"2.Unsplash","depth":3},{"value":"Beautiful Free Images & Pictures | Unsplash","depth":4},{"value":"3. Burst By Shopify","depth":3},{"value":"Free Stock Photos: High-Res Images for Websites & Commercial Use","depth":4},{"value":"4. Moose","depth":3},{"value":"Moose - Free Stock Photos","depth":4},{"value":"Tools that speed up your workflow","depth":2},{"value":"1. Glitch Image/Gif/Video Generator","depth":3},{"value":"PHOTOMOSH","depth":4},{"value":"2. Duotone Image Generator","depth":4},{"value":"Duotone by ShapeFactory | Create Beautiful Free Duotones","depth":4},{"value":"3. Compressor.io (Image compression tools)","depth":3},{"value":"Compressor.io - optimize and compress JPEG photos and PNG images","depth":4},{"value":"4. TinyPNG (Image compression tools)","depth":3},{"value":"TinyPNG - Compress PNG images while preserving transparency","depth":4},{"value":"5. Remove.bg (Background removal tool )","depth":3},{"value":"Remove Background from Image — remove.bg","depth":4},{"value":"6. Service Design Toolkit","depth":3},{"value":"Service Design Toolkit - Downloads","depth":4},{"value":"Collaboration Tools","depth":2},{"value":"1. Zeplin (Collaboration & Handoff tool)","depth":3},{"value":"Zeplin","depth":4},{"value":"2. Realtime Board (Collaboration Tool)","depth":3},{"value":"Team collaboration software & online whiteboard for teams | Miro","depth":4}],"fields":{"slug":"/engineering/best-ui-ux-design-tools-2020/"},"frontmatter":{"metatitle":null,"metadescription":null,"description":"As a designer, often wondered which new tools and utilities, other designers are using? So here is a list of all the tools and utilities famous around the world in designers.","title":"Best Free UI/UX Design Tools/Resources 2020","canonical":null,"date":"August 13, 2020","updated_date":null,"tags":["Design","UX","Tools"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1.5037593984962405,"src":"/static/056d16dfcc7fa66e5b31f51aa531383a/483a3/ux-ui.webp","srcSet":"/static/056d16dfcc7fa66e5b31f51aa531383a/1c9b5/ux-ui.webp 200w,\n/static/056d16dfcc7fa66e5b31f51aa531383a/f1752/ux-ui.webp 400w,\n/static/056d16dfcc7fa66e5b31f51aa531383a/483a3/ux-ui.webp 600w","sizes":"(max-width: 600px) 100vw, 600px"}}},"author":{"id":"Hitesh Kumawat","github":null,"bio":"I care deeply about creating world-class, useful, and beautiful products and web that help people and make a difference. I can be as involved in your project as you need me to be; from the seed of the idea, to design, creative direction, system design, and even the front-end and WordPress build.","avatar":null}}}},"pageContext":{"id":"71271c04-2804-5ef2-9016-66f68f38982a","fields__slug":"/engineering/best-ui-ux-design-tools-2020/","__params":{"fields__slug":"engineering"}}},"staticQueryHashes":["1171199041","1384082988","1711371485","1753898100","2100481360","229320306","23180105","528864852"]}