Ultimate Figma Megacourse: UI/UX Design Beginner To Expert

Ultimate Figma Megacourse: UI/UX Design Beginner To Expert, available at $59.99, has an average rating of 4.9, with 96 lectures, 5 quizzes, based on 28 reviews, and has 96 subscribers.

You will learn about How to start working with Figma as a UI/UX Designer. How to use colours & images properly in user interface. How to create your buttons, UI components and assets. How to make micro interactions, page transitions & animated UI. Work with fonts & colors while designing UI. How to make fully interactive prototypes that feels like real website. Best way to export project for development. This course is ideal for individuals who are Anyone who wants to start using Figma in their career or Expand the skill set in CV. or This course is for beginners, newbies & amateurs in the field of UI design. or Anyone wants to design their application, website or blog. It is particularly useful for Anyone who wants to start using Figma in their career or Expand the skill set in CV. or This course is for beginners, newbies & amateurs in the field of UI design. or Anyone wants to design their application, website or blog.

Enroll now: Ultimate Figma Megacourse: UI/UX Design Beginner To Expert

Summary

Title: Ultimate Figma Megacourse: UI/UX Design Beginner To Expert

Price: $59.99

Average Rating: 4.9

Number of Lectures: 96

Number of Quizzes: 5

Number of Published Lectures: 96

Number of Published Quizzes: 5

Number of Curriculum Items: 101

Number of Published Curriculum Objects: 101

Number of Practice Tests: 1

Number of Published Practice Tests: 1

Original Price: $49.99

Quality Status: approved

Status: Live

What You Will Learn

How to start working with Figma as a UI/UX Designer.
How to use colours & images properly in user interface.
How to create your buttons, UI components and assets.
How to make micro interactions, page transitions & animated UI.
Work with fonts & colors while designing UI.
How to make fully interactive prototypes that feels like real website.
Best way to export project for development.

Who Should Attend

Anyone who wants to start using Figma in their career or Expand the skill set in CV.
This course is for beginners, newbies & amateurs in the field of UI design.
Anyone wants to design their application, website or blog.

Target Audiences

Anyone who wants to start using Figma in their career or Expand the skill set in CV.
This course is for beginners, newbies & amateurs in the field of UI design.
Anyone wants to design their application, website or blog.

Build responsive real-world user interface designs in Figma

If you’re tired of stretching your head while using Figma. Then, this course is the complete guide to learning how to build amazing things in Figma. For absolute beginners — with hands-on exercises.

Figma is a web-based graphics editing and user interface design app that works on your browser. That means you can access your projects from any device without installing software. It has collaboration facilities on the same file in real-time. So, your team can join you online taking the project from brainstorming to prototypes. Figma is not limited to UI design. It has the full potential to use as a daily graphics designing tool. By the end of this project, you will be able to use Figma with full potential.

From this course, you learn,

Navigation and Interface: Familiarize yourself with Figma’s interface, including the different panels, menus, and shortcuts.
Vector Graphics: Learn how to create and manipulate vector graphics in Figma, including shapes, paths, and vector networks.
Layers and Frames: Understand how layers and frames work in Figma, including layer organization, frame creation, and layer styles.
Components and Assets: Discover how to create and use components and assets to streamline your design workflow and maintain consistency.
Prototyping: Learn how to create interactive prototypes in Figma using the built-in prototyping tools.
Design Style: Understand the benefits of design style and how to create and maintain a design system.
Collaboration and Sharing: Learn how to collaborate with other designers and stakeholders and share your designs with them.
Plugins and Integrations: Explore Figma’s extensive plugin library and how to integrate Figma with other tools in your workflow

Course Curriculum

Chapter 1: Getting started with FIGMA

Lecture 1: Creating an account

Lecture 2: Creating new file & introduction to the layout

Lecture 3: Layers tab, assets tab & pages

Lecture 4: Design, prototype & inspect tab

Chapter 2: Introduction to different tools & creating basic shapes

Lecture 1: Rectangle, line, arrow & ellipse tool

Lecture 2: Polygon & star shape tools & quick view settings

Lecture 3: Selection, move & scaling tool

Lecture 4: Image tool & quick recap

Chapter 3: Properties, Basic Editing and vector editing of shapes

Lecture 1: Basic and vector edits of rectangles

Lecture 2: Basic and vector edits of lines & arrows

Lecture 3: Basic and vector edits of ellipses

Lecture 4: Polygon and star tool

Lecture 5: Pen & pencil tool, bend tool & bezier curves

Lecture 6: Comment tool, hand tool and basics of text tool

Chapter 4: Frames, booleans & mask tool, first project

Lecture 1: Basics of frame tool

Lecture 2: Boolean groups

Lecture 3: Mask tool

Lecture 4: Image fill Vs masks with effects

Lecture 5: First project: Sliced Text Effect

Lecture 6: Common mistakes to look out for

Chapter 5: Alignment tools

Lecture 1: Alignment tools

Lecture 2: Space distribution, Quick rearrange handles & tidy up tool

Chapter 6: Quiz 01

Chapter 7: Grid system

Lecture 1: Understanding and first look

Lecture 2: How, why and when of the grid system

Lecture 3: Product page design with text baseline alignment

Chapter 8: Constraints, fixed while scrolling & demo the project

Lecture 1: Understanding constraints

Lecture 2: Understanding the settings & practical usage

Lecture 3: Fixed while scrolling

Lecture 4: Practical usage with a demo project

Chapter 9: Getting started with auto layout

Lecture 1: Understanding the basics

Lecture 2: Understanding the options & settings

Lecture 3: Deep dive part 1

Lecture 4: Deep dive part 2

Lecture 5: Deep dive part 3

Lecture 6: Deep dive part 4

Chapter 10: Practical examples & real-life usage using mock projects

Lecture 1: Mock project 1, 2, 3 & 4

Lecture 2: Mock project 5, 6, 7, 8 & 9

Lecture 3: Mock project 10 & 11

Lecture 4: Mock project 12

Lecture 5: Mock project 13

Lecture 6: Mock project 14, 15 & 16

Lecture 7: Latest features & useful shortcut

Chapter 11: Typography

Lecture 1: Understanding the terminology

Lecture 2: Intro to FIGMA text tool

Lecture 3: Text customisation options & shortcuts

Lecture 4: Paragraph controls, alignments, justifications, advanced & additional options

Chapter 12: Quiz 02

Chapter 13: Strokes, effects & Glass morphism effect

Lecture 1: Adding strokes

Lecture 2: Inner shadow & Drop shadow

Lecture 3: Layer Blur & Background Blur

Lecture 4: Glass morphism Project

Chapter 14: Intro to Wireframes

Lecture 1: Understanding the concept of a wireframe

Lecture 2: A walkthrough of creating a Wireframe

Lecture 3: Understanding the points of wireframing & key points to remember

Lecture 4: Sketching out the contact us page & a responsive versio

Chapter 15: From wireframes to the first draft

Lecture 1: Creating a low fidelity design

Lecture 2: Creating a navigation bar & header

Lecture 3: Creating the about us section

Lecture 4: Creating the sponsors & footer section

Chapter 16: Making a high-fidelity design from a low-fidelity design

Lecture 1: Designing the homepage

Lecture 2: Creating the footer section & understanding the design choices

Lecture 3: Creating a responsive version

Chapter 17: Intro to components & Rookie mistakes: Do's and Don'ts

Lecture 1: Do's & Don'ts

Lecture 2: Understanding by comparison

Lecture 3: Introduction to components

Lecture 4: Organic components & slash naming convention

Chapter 18: Quiz 03

Chapter 19: Components & instances: Deep dive

Lecture 1: Understanding Instances

Lecture 2: Understanding variants

Lecture 3: Instances & instance swaps

Lecture 4: Creating component sets

Chapter 20: Component properties

Lecture 1: Understanding component properties

Lecture 2: Properties Vs variants

Lecture 3: Integrating properties in previous component sets

Chapter 21: Prototyping in FIGMA

Lecture 1: What is prototyping & Making connections

Lecture 2: Making a prototype & different interactions

Lecture 3: Understanding overlays

Lecture 4: Overlays part 2

Instructors

A F M Jamal Uddin
Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 3 votes
4 stars: 9 votes
5 stars: 16 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu