Design Resources

Throughout the course we are going to be using various tools and resources for designers to build our project. To keep everything organized and to also have a place for you to stay organized, we have included all the design resources and assets here for you. You can also use the attached downloadable PDF version :)


Logo Makers

Tools We Will Use:


Individual Figma Files (more on how to use these later in the course!)


Figma Plugins


Extra Figma Files

  1. Inspiration
  2. Figma Inspiration Board
  3. User Flows
  4. User Flow Kit
  5. UX Flowchart kit for Figma
  6. Sitemaps
  7. Sitemap Generator
  8. Wireframes
  9. Wireframe Component Library
  10. Ant UX Wireframes
  11. iOS App Wireframes
  12. Figma Wireframe Kit
  13. Fragments iOS Base 1.0 – iOS 14 Wireframe Starter Kit
  14. Getting Feedback
  15. 🗣Feedback Kit | Want good feedback from your team? Feedback Kit is here to help you ask for the type of feedback ...
  16. Color
  17. Color Styles
  18. Imagery + Iconography
  19. Free 60 illustrations - Surface Pack
  20. 💥 Vector Illustrations
  21. 1100+ Free Vector Illustrations
  22. Mobile Design
  23. Fragments iOS Base 1.0 – iOS 14 Wireframe Starter Kit
  24. iOS Keyboards
  25. iOS App Wireframes
  26. iOS & iPadOS 14 UI Kit for Figma
  27. iOS/iPadOS 13 Design UI Kit
  28. Android UI kit
  29. Design Systems
  30. Design System Checklist


Extra Articles/Websites + Resources

  1. Sketching
  2. Sketching. How to use sketching in your design
  3. Concepts App • Infinite, Flexible Sketching  /For Windows: Microsoft Paint 3D
  4. 7 reasons for sketching in UX design
  5. UI/UX sketching techniques 101. UX design is indeed a complicated…
  6. Inspiration
  7. 31 UX Design Inspiration Resources
  8. Dribbble - Discover the World's Top Designers & Creative Professionals
  9. Behance :: Best of Behance
  10. Pttrns: Mobile Design Patterns
  11. Pinterest
  12. Panda — The homepage for your favorite websites
  13. Awwwards - Website Awards - Best Web Design Trends
  14. User Flows
  15. What Are User Flows In UX Design? (A full beginner's guide)
  16. User flow is the new wireframe. An illustrated guide on the different…
  17. Sitemaps
  18. Free Sitemap Generator
  19. Sitemaps - The Beginner's Guide - UXmentor.me
  20. Professional approach to designing a visual sitemap
  21. Wireframes
  22. How to Create a Wireframe - A Beginner's Guide to Wireframing
  23. Getting Feedback
  24. How to give and receive great design feedback
  25. Grids + Spacing
  26. Spacing, Grids and Layouts
  27. The Comprehensive 8pt Grid Guide. Start your UI project right with this…
  28. Typography
  29. Google Fonts
  30. Color
  31. Colorable
  32. Coolors - The super fast color schemes generator!
  33. Adobe Color: Color wheel, a color palette generator
  34. Colormind - the AI powered color palette generator
  35. Imagery + Iconography
  36. Noun Project: Free Icons for Everything
  37. Blush: Illustrations for everyone
  38. Material Icons
  39. Accessibility
  40. Colorable
  41. Contrast Checker
  42. Web Content Accessibility Guidelines (WCAG) 2.0
  43. World Wide Web Consortium (W3C)
  44. Color Contrast Analyzer
  45. Design Patterns
  46. Design patterns
  47. Mobile Design
  48. Human Interface Guidelines - Design
  49. Android Developers
  50. Visual Style + Exploration
  51. Atomic Design Methodology
  52. What is Visual Design?
  53. 5 Principles of Visual Design in UX
  54. Motion
  55. The ultimate guide to proper use of animation in UX
  56. Creating Usability with Motion: The UX in Motion Manifesto
  57. The importance of motion for UX design
  58. Microinteractions
  59. How to use microinteractions (uses, examples, tips)
  60. Better UX Through Microinteractions
  61. Design Systems
  62. A comprehensive guide to design systems
  63. Everything you need to know about Design Systems
  64. A Collection of Design System Resources
  65. Design Systems Handbook
  66. Design Systems articles on building and maintaining design systems


zerotomastery.io - Design Resources.pdf