Figma Course (English) - Animix World

Course Content

🔹 Section 1: Introduction to Figma & UI/UX Design Basics

Class 1: Introduction to Figma & Why It’s Industry Standard
Class 2: Creating an Account, Interface Tour, File Setup
Class 3: Frames, Artboards & Layout Grids
Class 4: Shapes, Lines, Text, and Boolean Tools
Class 5: Color, Fill, Stroke, Shadows & Effects
Class 6: Typography Basics for UI Design
Class 7: Grouping, Aligning, Auto Layout Introduction
Class 8: Using Assets, Pages & Layer Management
Class 9: Design Principles – Spacing, Balance, Hierarchy
Class 10: Project 1 – Design a Clean Login & Signup Page

🔹 Section 2: UI Components, Styles & Design Systems

Class 11: What are Components & How to Create Them
Class 12: Nested Components & Component Variants
Class 13: Buttons, Input Fields, Dropdowns & Icons
Class 14: Creating and Using Color Styles
Class 15: Typography Styles & Consistency
Class 16: Auto Layout for Responsive Design
Class 17: Grids, Constraints & Breakpoints
Class 18: Building a UI Kit / Mini Design System
Class 19: Organizing Design Files for Teams
Class 20: Project 2 – Design a Complete Dashboard UI

🔹 Section 3: UX Design Process, Wireframes & Prototyping

Class 21: UX Design Thinking Process Overview
Class 22: User Persona & Journey Mapping
Class 23: Creating Low-Fidelity Wireframes
Class 24: Mid-Fidelity Wireframes & User Flow Diagrams
Class 25: Interactive Prototyping – Links, Transitions
Class 26: Hover States, Overlays & Smart Animate
Class 27: Mobile App Prototyping – UI to UX Flow
Class 28: Desktop Website Prototyping
Class 29: User Testing Tools – Figma Mirror, Feedback
Class 30: Project 3 – Design & Prototype a Mobile Banking App

🔹 Section 4: Collaboration, Handoff, Freelance & Portfolio Projects

Final Test

Give Us Your Feedback And Suggestions

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Watch Animix World Tutorial

Course Features

Course Content

🔹 Section 1: Introduction to Figma & UI/UX Design Basics

Class 1: Introduction to Figma & Why It’s Industry Standard

Class 2: Creating an Account, Interface Tour, File Setup

Class 3: Frames, Artboards & Layout Grids

Class 4: Shapes, Lines, Text, and Boolean Tools

Class 5: Color, Fill, Stroke, Shadows & Effects

Class 6: Typography Basics for UI Design

Class 7: Grouping, Aligning, Auto Layout Introduction

Class 8: Using Assets, Pages & Layer Management

Class 9: Design Principles – Spacing, Balance, Hierarchy

Class 10: Project 1 – Design a Clean Login & Signup Page

🔹 Section 2: UI Components, Styles & Design Systems

Class 11: What are Components & How to Create Them

Class 12: Nested Components & Component Variants

Class 13: Buttons, Input Fields, Dropdowns & Icons

Class 14: Creating and Using Color Styles

Class 15: Typography Styles & Consistency

Class 16: Auto Layout for Responsive Design

Class 17: Grids, Constraints & Breakpoints

Class 18: Building a UI Kit / Mini Design System

Class 19: Organizing Design Files for Teams

Class 20: Project 2 – Design a Complete Dashboard UI

🔹 Section 3: UX Design Process, Wireframes & Prototyping

Class 21: UX Design Thinking Process Overview

Class 22: User Persona & Journey Mapping

Class 23: Creating Low-Fidelity Wireframes

Class 24: Mid-Fidelity Wireframes & User Flow Diagrams

Class 25: Interactive Prototyping – Links, Transitions

Class 26: Hover States, Overlays & Smart Animate

Class 27: Mobile App Prototyping – UI to UX Flow

Class 28: Desktop Website Prototyping

Class 29: User Testing Tools – Figma Mirror, Feedback

Class 30: Project 3 – Design & Prototype a Mobile Banking App

🔹 Section 4: Collaboration, Handoff, Freelance & Portfolio Projects

Class 31: Sharing, Commenting & Team Collaboration

Class 32: Version History & Design File Management

Class 33: Developer Handoff – Inspect, Export, CSS Code

Class 34: Plugins & Widgets – Icons, Charts, Unsplash, Maps

Class 35: Working with FigJam for Brainstorming

Class 36: Creating a Case Study from Concept to Delivery

Class 37: Final Project – Full Website UI/UX (Responsive + Prototype + Dev Handoff)

Final Test

Give Us Your Feedback And Suggestions

Give Us Your Feedback And Suggestions

Earn a certificate

Contact Us

Policy’s

Support