ui-ux-design

Learn UI/UX Design

• Courses/Tutorials

  • The Futur : Our mission is to teach 1 billion people how to make a living doing what they love.
  • Mike Locke : Highly innovative, passionate and successful senior UI/UX designer with high proficiencies in Visual UI Design, User Experience, Usability, Interaction Design, Information Architecture, Research & Analytics, XHTML/CSS and Strategy & Planning.
  • Flux : Flux is the personal vlog of Ran Segall, a designer and entrepreneur.
  • UX Mastery : Helping UXers get started, and get better.
  • Dansky : Dansky is a designer who loves to share his experience, and help aspiring creatives to develop their skills.
  • Sketch Together : This channel is dedicated to all things related to User Experience and User Interface design.
  • Neuron UX : Expertise in user experience design, strategy, and front-end development, we work together with you to develop a custom solution that meets your needs or those of your client.
  • Tutvid : Best Adobe Photoshop tutorials, Film editing videos, Premiere Pro tutorial, Adobe Illustrator tutorials, Adobe After Effects tutorials, Adobe Lightroom tutorials, Adobe Audition tutorials, Adobe XD tutorials, and Da Vinci Resolve videos. Grab some popcorn and stick around awhile!
  • Caler Edwards : This is a place to learn and be inspired about UI Design, UX Design, Digital Design and even Front-end Development. Posting tutorials, speed arts, challenges and so much more!
  • Maex : This channel is made by a designer for designers and create tutorials about Sketch, Adobe XD, InVision, Marvel & Principle and all the other UI/UX tools out there.
  • UXLx - User Experience Lisbon : Premier UX Conference in Lisbon, Portugal, with editions in 2010, 2011, 2012, 2013, 2014, 2015, 2016 and planned for 2017.
  • UX Salon : We love User Experience Design. This channel is dedicated to highlight selected talks from our events.
  • AJ&Smart : Work with some of the biggest companies in the world to help them build better products faster. It's goal is to give you as much value as possible here on this Youtube channel.
  • Figma Crash Course : Deep dives into powerful Figma features. We’ll skip the basics and get into the nitty-gritty of prototyping, auto-layout, systems, and illustration.

• Understanding Tougher Topics

  • Laws of UX : It is a collection of the maxims and principles that designers can consider when building user interfaces.
  • Atlassian Design : Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.
  • inVision : Browse our library of free, high-quality UI kits, icon packs, and mockups.
  • Bulbman-Art : Free Artistic Illustrations for Designers

• Newsletters

  • UI Dev Newsletter : Hand-curated list of articles, tutorials, opinions, and tools related to User Interface development
  • Unreadit/Frontend : Best frontend development news sourced from the best subreddits.
  • Friday Front-end : 15 great Front-end articles, tutorials, and announcements every Friday. Sections for CSS/SCSS, JavaScript, and other awesome stuff.
  • Dev Tips : Developer tip, in the form of a gif, in your inbox each week
  • Bytes : Fun, lighthearted newsletter that covers new releases, emerging trends, and everything else you need to know about the present and future of the JavaScript ecosystem.

• UI Graphics: Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma

  • UI Design Daily : Awesome UI Components of all types
  • 100 Daily UI : Free Figma library of products, elements, and screens
  • Sketch App Sources : Sketch UIs, wireframes, icons and much more
  • Humaaans : Cool illustrations of people with the ability to mix and match
  • Paaatterns : Free collection of beautiful patterns for all vector formats
  • thepatternlibrary : Free beautiful background patterns
  • 404 illustration : free illustrations for 404 pages
  • Drawkit.io : Illustrations for designers and startups
  • Absurd.design : Free surrealist illustrations for designers and developers
  • Undraw.co : Open-source illustrations for any idea you can imagine and create
  • Manypixels.co : Monochromatic, Isometric high-quality illustrations
  • Open Peeps : Hand drawn illustration library
  • UI Space : Thousands of great UI freebies
  • Animations.co : Beautiful, customizable animated GIF icons
  • Uplabs : High-quality design resources (Free & Premium)
  • InvisionApp : Library of free, high-quality UI kits, icon packs, and mockups
  • Open Doodles : Free Set of Sketchy Illustrations
  • Avataaars : Free sketch library of avatars illustrations by Pablo Stanley
  • FreebieSketch : Free Sketch designs, wireframes, illustrations, and more.
  • Blush : Free customizable illustrations with Figma Plugin
  • Hero Patterns : It is a collection of repeatable SVG background patterns
  • IsoFlat : Set of free collection of Isometric SVG graphic resources
  • IRA Design : It is an open-source gradient illustrations collection by creative tim.
  • Storytale.io : Subset of Storytale free quality illustrations
  • icons8.com/illustrations : Free vector illustrations to class up your project
  • Patternico : Seamless Pattern Maker
  • Freellustrations : Free Background Images for awesome landing Pages
  • Pixeltrue Illustrations : Free Animated Illustrations
  • Abstract User Avatar API : API to create simple yet flexible user avatars from user names or emails
  • sketchvalley : Download free PNG, SVG or AI file .
  • PatternPad : free and unlimited unique pattern designs.
  • Dimensions : Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces
  • Freebiesbug : Hand-picked resources for web designers and developers, constantly updated.
  • Flexiple : One new high-quality, open-source illustration each day.

• Icons: Resources for Icons including png, svg and more

  • UXWing : Well Optimized, Free icons for commercial use
  • Shapedfonts Iconclub : 8000+ free icons
  • Feather Icons : Beautiful, customizable open source icons
  • Tabler Icons : 470+ highly customizable open source SVG icons
  • Simple Icons : 1307 Free SVG icons for popular brands
  • Linear Icons : 1000+ Ultra crisp vector icons
  • Icons8 : Free icons, photos, vectors and tools
  • Flat Icon : The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats
  • The Noun Project : Over 2 Million curated icons, created by a global community
  • Iconscout : Free Download Icons illustrations stock photos at one place
  • IconSear.ch : Search engine with over 50,000 SVG icons indexed
  • Nucleo App : Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid)
  • Icon-icons.com : Free Icons PNG, ICO, ICNS and Vector file SVG
  • Bootstrap Icons : Free Icons built for Bootstrap but they'll work in any project
  • Remix Icon : Simply Delightful Icon System
  • Iconmonstr : Discover 4496+ free icons in 313 collections
  • Vivid.js : Ready to use Free and Open Source SVG Icons Pack JavaScript Library.
  • Iconfinder : Free and premium vector icons in SVG, PNG, CSH and AI format
  • Lordicon : 50 free animated interactive icons
  • UseAnimations : Free Animated Icons in SVG and Json Format(for lottie)
  • css.gg : 700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
  • IconBros : 7843+ free icons grouped in 182 collections
  • Material Design Icons : Set of icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
  • Heroicons : Free, open source icons from the creators of Tailwind CSS.
  • Zondicons : Set of free premium SVG icons for you to use on your digital products.
  • Endless Icons : This website offering a number of free icons. Icons are tagged and also compressed into kits.
  • Icomoon : Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons.
  • Eva Icons : Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
  • Cryptoicons : Set of 430 crypto and fiat currency icons. Completely free.
  • Ikonate : Fully customizable & accessible vector icons
  • appicon : Quickly generate app icons in different sizes for your IOS, macOS and Android projects
  • LineIcons : 2000+ Essential Line Icons for Designers and Developers
  • Evericons : Evericons is a big pack of over 460 free icons designed by Aleksey Popov.
  • SVG Repo : Download free SVG Vectors for commercial use.
  • Convertio : Convert PNG files to SVG online & free. (One of the services provided by it.)
  • CSS ICON : Icon set made with pure css code, no dependencies, "grab and go" icons
  • Unified icons : Thousands of icons, one unified framework. One library, over 40,000 vector icons.
  • System UIcons : 220+ icons in a growing collection.
  • IconPark : Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
  • Radix Icons : Set of a crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more.
  • EOS Icons : Set of a pixel-perfect, open source iconic font available as ligature and SVG.
  • Ionicons : Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps.
  • Phosphor Icons : Phosphor is a flexible icon family for interfaces, diagrams, presentations