+91 9866692678 info@seoskills.in

Figma  Training

We all love to watch movies with special effects Adobe aftereffects is one of the best tools to create visual effects, motion graphics, camera tracking, keying, animation, UI Animations, film titles, Animated Ads, corporate ad films, and more. Learn and start creating some of them..

Figma  Training – Course Overview

Figma Training Course - Overview

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.

What you’ll learn in this training course

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

Module 1: Elements and Principles of Design

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

Module 2: Figma Basics Skills

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

 

Module 3: Creating UI Elements using Figma Tools and options

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.

Module 4: Figma Design Systems - Style Guide Setup

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

Module 5: Designing App Screens

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

Module 6: Prototyping and Sharing

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

Module 7: Developer Handoff

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

Module 8 : Portfolio Building and Freelancing

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

Ravindra Reddy

Instructor Profile

Hello, my name is Ravindra Reddy, I am from Hyderabad, India.
I am a UI UX designer with 4 years of visual design and UI UX Design experience and 16+ years of experience in teaching graphic design and Web design and SEO.
Skilled at using design systems like color, typography, grids, UX process like research, wireframes, prototyping. Confidence using tools like Photoshop, Illustrator, Indesign, Premiere, Adobe XD, Figma, and flexible using of HTML, CSS, Adobe Dreamweaver, WordPress, Google Analytics, and SEO.

Figma Course Duration, Course Fee, and Course Topics

Figma Course Duration: 1 Month

Dailly: 1 Hour Class and 30. Min Handon Practicals

Alternate Dayes Classes

Monday to Friday

Total No Hours: 15 to 20 Hours

Adobe XD + Figma = 1.5 Month

Adobe XD +Figma+ Adobe illustrator + Adobe Photoshop = 3.0 Months

 

Figma Course Fee: 5000 INR

Adobe XD + Figma = 7500 INR

Adobe XD +Figma+ Adobe illustrator + Adobe Photoshop =12000 INR

What you’ll learn in this training course
Figma Workspace
Creating Teams
Creating Frames
Figma Basic Drawing Tools
Figma Plugins
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

  • Types of Training
  • Online
  • Classroom
  • Weekend