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:

• Figma

• Concepts Apple Store App (Sketching option for Mac only, but don't worry, pen and paper is just fine! We just needed a way to show our sketching process!)

• Color Contrast Analyzer

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

• Sketching Resource

• User Flows Resource

• Sitemap Resource

• Wireframes Resource

• Prototyping Resource

• Grids + Spacing Resource

• Typography Resource

• Color Resource

• Forms + UI Elements Resource

• Imagery + Iconography Resource

• Accessibility Resource

• Visual Style Exploration Resource

• Motion Resource

• Microinteractions Resource

• Design System Resource

• Final Compositions Resource

• Portfolio Resource

• Product Alignment Resource
  

Figma Plugins

• Design Inspo

• Unsplash

• Logo Creator

• Color Search

• Lottie Files

• Image Palette

• Auto Flow

• Sitemap

• Wireframe

• Content Reel

• Lorem ipsum

• Figchat

• Font Scale

• Font Explorer

• Color Palettes

• Color Contrast Checker

• Able – Friction free accessibility

• Pexels

• Remove BG

• Duotones

• Blush

• Illustrations

• Humaaans for Figma

• Streamline Icons

• Feather Icons

• Material Design Icons

• Iconify

• Contrast

• Chart

• Figmotion

• Design Lint

• Master

• Unused Components

  
  

Extra Figma Files

1. Inspiration

   1. Figma Inspiration Board

2. User Flows

   1. User Flow Kit

   2. UX Flowchart kit for Figma

3. Sitemaps

   1. Sitemap Generator

4. Wireframes

   1. Wireframe Component Library

   2. Ant UX Wireframes

   3. iOS App Wireframes

   4. Figma Wireframe Kit

   5. Fragments iOS Base 1.0 – iOS 14 Wireframe Starter Kit

5. Getting Feedback

   1. 🗣Feedback Kit | Want good feedback from your team? Feedback Kit is here to help you ask for the type of feedback ...

6. Color

   1. Color Styles

7. Imagery + Iconography

   1. Free 60 illustrations - Surface Pack

   2. 💥 Vector Illustrations

   3. 1100+ Free Vector Illustrations

8. Mobile Design

   1. Fragments iOS Base 1.0 – iOS 14 Wireframe Starter Kit

   2. iOS Keyboards

   3. iOS App Wireframes

   4. iOS & iPadOS 14 UI Kit for Figma

   5. iOS/iPadOS 13 Design UI Kit

   6. Android UI kit

9. Design Systems

   1. Design System Checklist
      

Extra Articles/Websites + Resources

1. Sketching

   1. Sketching. How to use sketching in your design

   2. Concepts App • Infinite, Flexible Sketching

   3. 7 reasons for sketching in UX design

   4. UI/UX sketching techniques 101. UX design is indeed a complicated…

2. Inspiration

   1. 31 UX Design Inspiration Resources

   2. Dribbble - Discover the World's Top Designers & Creative Professionals

   3. Behance :: Best of Behance

   4. Pttrns: Mobile Design Patterns

   5. Pinterest

   6. Panda — The homepage for your favorite websites

   7. Awwwards - Website Awards - Best Web Design Trends

3. User Flows

   1. What Are User Flows In UX Design? (A full beginner's guide)

   2. User flow is the new wireframe. An illustrated guide on the different…

4. Sitemaps

   1. Free Sitemap Generator

   2. Sitemaps - The Beginner's Guide - UXmentor.me

   3. Professional approach to designing a visual sitemap

5. Wireframes

   1. How to Create a Wireframe - A Beginner's Guide to Wireframing

6. Getting Feedback

   1. How to give and receive great design feedback

7. Grids + Spacing

   1. Spacing, Grids and Layouts

   2. The Comprehensive 8pt Grid Guide. Start your UI project right with this…

8. Typography

   1. Google Fonts

9. Color

   1. Colorable

   2. Coolors - The super fast color schemes generator!

   3. Adobe Color: Color wheel, a color palette generator

   4. Colormind - the AI powered color palette generator

10. Imagery + Iconography

    1. Noun Project: Free Icons for Everything

    2. Blush: Illustrations for everyone

    3. Material Icons

11. Accessibility

    1. Colorable

    2. Contrast Checker

    3. Web Content Accessibility Guidelines (WCAG) 2.0

    4. World Wide Web Consortium (W3C)

    5. Color Contrast Analyzer

12. Design Patterns

    1. Design patterns

13. Mobile Design

    1. Human Interface Guidelines - Design

    2. Android Developers

14. Visual Style + Exploration

    1. Atomic Design Methodology

    2. What is Visual Design?

    3. 5 Principles of Visual Design in UX

15. Motion

    1. The ultimate guide to proper use of animation in UX

    2. Creating Usability with Motion: The UX in Motion Manifesto

    3. The importance of motion for UX design

16. Microinteractions

    1. How to use microinteractions (uses, examples, tips)

    2. Better UX Through Microinteractions

17. Design Systems

    1. A comprehensive guide to design systems

    2. Everything you need to know about Design Systems

    3. A Collection of Design System Resources

    4. Design Systems Handbook

    5. Design Systems articles on building and maintaining design systems