Throughout the section, your challenge is to take the information you learn and actually applying them to your own design or to modify the project we are working on to make it "your own". We're excited to see what you create at the end of this thing! If you have any questions, please use the #design channel in our Discord community!

Tools

• Figma

  
  

Individual Figma Files

• Visual Style Exploration Resource

• Motion Resource

• Microinteractions Resource
  

Figma Plugins

• Design Inspo

• Unsplash

• Color Search

• Lottie Files

• Image Palette

• Content Reel

• Lorem ipsum

• Font Scale

• Font Explorer

• Color Palettes

• Pexels

• Remove BG

• Duotones

• Blush

• Illustrations

• Humaaans for Figma

• Streamline Icons

• Feather Icons

• Material Design Icons

• Iconify

• Contrast

• Chart

• Figmotion

Extra Figma Files

1. 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

|Extra Articles/Websites + Resources

1. Design Patterns

   1. Design patterns

2. Mobile Design

   1. Human Interface Guidelines - Design

   2. Android Developers

3. Visual Style + Exploration

   1. Atomic Design Methodology

   2. What is Visual Design?

   3. 5 Principles of Visual Design in UX

4. 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

5. Microinteractions

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

   2. Better UX Through Microinteractions