In this course you will learn:
Intro to prototyping tools and its differences, Introduction to Figma and its key features like design and collaboration, Working with teams, projects, working with frames in Figma, creating shapes, editing shapes, drawing tools, formating content, working with images, working with plugins, creating assets, design systems, creating screens for mobile and web apps, and prototyping with all transitions and animations and generating assets for development and collaborate and share to community and teams.

Creating a Figma project
Importing from Sketch
Working with frames and shapes
Adding and formatting text
Drawing, components, constraints, and versioning
Creating a prototype
Previewing your designs on mobile devices

Figma Course Content

Elements of Design
Primciples of Design
Layout
Visual hierarchy
Visual noise
Iconography
Typography
Color Contrast
Spacing
Composition
Design Guide
Working with fonts
WOrking with Colors
Working with Icons
Font Resources
Color Resources
Icon Resources

Figma Requirements
Figma Environment
Assets
Shapes
Editing Shapes
Layer Basics
Boolean Operations
Text
Text Inspector
Text Styles
Constraints And Adaptive Layouts
Auto Layout
Images
Fill and Strokes
Color Style
Masking
Components
Layout Grids
Plugins
Exporting
Prototyping

Multiplayer & Commenting
03:04
Keyboard Shortcuts

Form Elements
checkboxes
radio buttons
dropdown lists
list boxes
buttons
toggles
text fields
date field.
Navigational Elements
breadcrumb
slider
search field
pagination
slider
tags
icons.
Informational Components
tooltips
icons
progress bar
notifications
message boxes
modal windows.

What is Design System
Understanding and Analyzing Five sample Design Systems
Google Design Design Systems
Microsoft Design Systems
Apple Design Systems
Shopify Design Systems
Ali express Design Systems
Creating Design System for Mobile APP and Website
Typography
Colors
Icons
Gradients
Patterns
Illustrations
Images
Full Style guide design for Brand

Splash screen.
Home screen.
Log-in screen.
Sign-up Screen
Profile screen.
Settings screen.
Onboarding screens.
Calendar.
Map.
Lists
Cards
Payment screens
Tabs

Introduction to Titles in Video
Types of Titles and their Usage
Pannels Used to create Titles
Creating and Editing Titles
Compositions Methods for Titles
Static Titles
Rolling Titles
Scrolling Titles
Adding Graphics in Titles
Adding Shapes and Gradients
Title Cards Presets
Saving as presets
reusing in other area’s of Documents

Exporting your designs and assets
creating design specs for developers
working with thirty party apps- Zepline and ProtoPie

Research
Ideation
Moodboards
online portfolio tools and websites
online freelancing web sites and profile setup tips and tricks
Free websites and UI UX inspiration websites
Figma UI Tool Kits
Figma online Resources