Facebook

Twitter

Instagram

LinkedIn

Behance

Figma Certification Course

Figma course offers a perfect blend of in-depth theoretical knowledge and strong practical skills via implementation of real-life Figma projects to give you a headstart and enable you to bag top designer jobs in the industry.

Book a Session

What will you take home
from this Figma course?

Learn to create stunning UI/UX designs for any website

Get hired as a UI/UX designer.

Build amazing portfolio with great and extensive designs

Convert your awesome design to code with help of HTML/CSS.

Get high paying freelance projects for UI/UX.

Master Web Design and App Design both in this course.

A girl image

Why should you enroll in this Figma course?

  • Real-time projects + tons of live practicals
  • 20+ hrs of study material, quizzes & manuals
  • Practical oriented course with case-studies
  • Lifetime access of LMS with videos & material

What to do before you begin your Figma online training?

Nothing!

Although if you’d like, you can brush up on your skills with our complementary HTML material right in your LMS.

A boy image

Why should you learn Figma?

Figma is a cloud-based design tool that allows designers to collaborate in real-time on user interface design, vector design, prototyping, and more.

-42 interactive

Back in 2020, the number of UX designer hires was 5x the hires made in 2019

-LinkedIn

The average Figma salary ranges from approximately $80,103 per year for a Product Support Specialist to $194,860 per year for an Account Executive

-Glassdoor

Course Content

1. Introduction to the Course

  1. Introduction

2. Inspiration

  1. How to stay inspired
  2. How to find inspiration

3. User flows

  1. The Do's and Dont's
  2. Speedup workflow with components
  3. Creating own user flows
  4. Creating own user flows
  5. Creating own user flows 2
  6. Creating own user flows 3

4. Wireframes

  1. What is a wireframe?
  2. How to create wireframes
  3. Wireframes in figma
  4. Creating our home page
  5. Creating product page
  6. Creating the cart page

5. Feedback

  1. Why is feedback important and how to work on them

6. Sketching

  1. Introduction to sketching
  2. The sketching process
  3. Sketching user flows
  4. Sketching user flows 2
  5. Sketching user flows 3
  6. Sketching user flows 4
  7. Sketching tips

7. Introduction to Figma

  1. Introductin to Figma
  2. Figma dashboard
  3. Figma tools
  4. Layers and pages
  5. The top bar
  6. Design properties
  7. Prototyping in figma
  8. Exercise creating a responsive layout

8. Sitemaps

  1. Creating a basic sitemap
  2. Before you start
  3. Creating a sitemap 1
  4. Creating a sitemap 2
  5. Before getting started with wireframes

9. Prototyping

  1. Prototyping basics in figma
  2. Prototyping basics in figma 2
  3. Prototyping basics in figma 3
  4. Prototyping basics in figma 4
  5. Linking a quick user flow
  6. Working on small interactions

10. Spacing and Grids

  1. Grid
  2. Grid basics
  3. Responsive grids and breakpoints
  4. Grid guidelines

11. Color

  1. Color schemes
  2. Important questions to ask
  3. Creating color palletes
  4. Creating a monochromatic color pallete
  5. Applying our color pallete
  6. Expanding a strict color pallete
  7. Creating our own color pallete

12. Visual assets

  1. Visual assets introduction
  2. Photos in Figma
  3. Photos in Figma 2
  4. Working with developers
  5. Figma plusging and icons
  6. Custom icons

13. Design patterns

  1. What are design patterns
  2. Why are design atterns so valuable?
  3. How to apply desing atterns
  4. Analyzing design atterns
  5. Analyzing, disecting and choosing design patterns

14. Visual Style + Exploration

  1. Design fidlity
  2. Style Exploration
  3. Style Exploration 2
  4. Style Exploration 3
  5. Style Exploration 4

15. Microinteractions

  1. What is microinteraction?
  2. Why are microinteractions important
  3. Creating our own microinteraction
  4. Creating our own microinteraction part 2
  5. Figmotion
  6. Using Figmotion 2

16. Typography

  1. Serif
  2. Sans Serig
  3. Display and mono
  4. Choosing a typeface
  5. Creating our own type system

17. Forms + UI elements

  1. What are forms and UI elements
  2. Best practices for forms
  3. Best practices for inputs
  4. Best practices for inputs_2
  5. Best practices for inputs_3
  6. Best practices for inputs4
  7. Best practices for buttons
  8. Creating components in figma
  9. Using atomic elements
  10. Using instances in figma
  11. Editing instances
  12. Responsive components
  13. Creating a registration form

18. Accessibilty

  1. Visual Patterns for accessibilty
  2. Tools to make design accessible
  3. Visual patterns for accessibilty

19. Mobile design

  1. Mobile design best practices
  2. Best practice part 2

20. Motion

  1. Importance of motion
  2. The purpose of motion
  3. Intro to smart animate
  4. The power of smart animate

21. Design systems

  1. Components cards
  2. Vertical cards
  3. Recipes search
  4. Recipes order list

22. Web portfolio

  1. Where to host your web portfolio
  2. How to place and expert designs

23. Final Compositions

  1. Using our design system
  2. Using our design system 2 part 1
  3. Using our design system 2 part 2
  4. Using our design system 3
  5. Final prototypes
  6. Final prototypes 2
  7. Final prototypes 3
  8. Final prototypes 4

Features of Figma course

feature image

Live session

feature image

Lifetime access to course with support

feature image

Real time company/Live projects

feature image

Certificate

feature image

2- Months of live Internship

Companies you can expect
when you get Figma-certified with us

companies image