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