Figma UI UX Design Essentials

Figma UI UX Design Essentials, available at $99.99, has an average rating of 4.65, with 111 lectures, based on 31021 reviews, and has 133135 subscribers.

You will learn about How to begin working as a UX Designer using Figma. How to use Figma for Essential UX Design & UI Design How to make fully interactive prototypes. How to work with a UX personas. You will be able to add UX designer to your CV. Build a UX project from beginning to end. What the client expects of you as a UX designer. How to create simple wireframes. How to implement colours & images properly in your designs. The dos & don'ts around choosing fonts for web & mobile apps. How to create your own icons, buttons & other UI components. Terms such as Components, Constraints & Multi Dimensional Variants. Free UI kits & plugins for Figma which will speed up our workflow dramatically! How to build a simple style guide, ready for client handoff. How to make both simple & advanced micro interactions, page transitions & animations. Learn to design websites & mobile phone apps. Work with fonts & colors. Test on mobile phones. Export production ready assets. Create your first UX brief & persona. Learn professional workflow tricks & shortcuts. Forum support from me and the rest of the BYOL crew. All the techniques used by UX professionals 111 videos of detailed Figma & UX & UI Design content. This course is ideal for individuals who are Anyone who wants to start using Figma in their career & get paid for their user experience design skills. or This course is for beginners, newbies & amateurs in the field of UX design. or Aimed at people new to the world of design & user experience. or For anyone that needs to add ‘UX Design’ to their portfolio. or Anyone who wants to learn the essentials of UI & UX Design. It is particularly useful for Anyone who wants to start using Figma in their career & get paid for their user experience design skills. or This course is for beginners, newbies & amateurs in the field of UX design. or Aimed at people new to the world of design & user experience. or For anyone that needs to add ‘UX Design’ to their portfolio. or Anyone who wants to learn the essentials of UI & UX Design.

Enroll now: Figma UI UX Design Essentials

Summary

Title: Figma UI UX Design Essentials

Price: $99.99

Average Rating: 4.65

Number of Lectures: 111

Number of Published Lectures: 111

Number of Curriculum Items: 132

Number of Published Curriculum Objects: 132

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

How to begin working as a UX Designer using Figma.
How to use Figma for Essential UX Design & UI Design
How to make fully interactive prototypes.
How to work with a UX personas.
You will be able to add UX designer to your CV.
Build a UX project from beginning to end.
What the client expects of you as a UX designer.
How to create simple wireframes.
How to implement colours & images properly in your designs.
The dos & don'ts around choosing fonts for web & mobile apps.
How to create your own icons, buttons & other UI components.
Terms such as Components, Constraints & Multi Dimensional Variants.
Free UI kits & plugins for Figma which will speed up our workflow dramatically!
How to build a simple style guide, ready for client handoff.
How to make both simple & advanced micro interactions, page transitions & animations.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Test on mobile phones.
Export production ready assets.
Create your first UX brief & persona.
Learn professional workflow tricks & shortcuts.
Forum support from me and the rest of the BYOL crew.
All the techniques used by UX professionals
111 videos of detailed Figma & UX & UI Design content.

Who Should Attend

Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
This course is for beginners, newbies & amateurs in the field of UX design.
Aimed at people new to the world of design & user experience.
For anyone that needs to add ‘UX Design’ to their portfolio.
Anyone who wants to learn the essentials of UI & UX Design.

Target Audiences

Anyone who wants to start using Figma in their career & get paid for their user experience design skills.
This course is for beginners, newbies & amateurs in the field of UX design.
Aimed at people new to the world of design & user experience.
For anyone that needs to add ‘UX Design’ to their portfolio.
Anyone who wants to learn the essentials of UI & UX Design.

Hi there – my name is Dan Scott & welcome to Figma Essentials.

Together – you and me – are going to learn everything you need to get started working as a UX Designer using Figma.

We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly… we’ll cover the client expectations of you as a new UX designer.

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

First we’ll describe the brief & how to work with a UX persona.
Then you’ll learn how to create simple wireframes.
From there we’ll look at how to implement colours & images properly in your designs.
You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.
You’ll learn how to create your own icons, buttons & other UI components.
You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.
We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!
We’ll build a simple Style Guide ready for client handoff.
You’ll understand how to make both simple & advanced micro interactions, page transitions & animations

Before the end of this course you will have made fully interactive prototypes

You will take a project all the way through – collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer.

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio.

Alright – it’s time to upgrade yourself & go from Figma Zero to Figma Hero.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction to Figma Essentials training course

Lecture 2: Getting started with Figma training

Lecture 3: What is Figma for & does it do the coding?

Lecture 4: Whats the difference between UI and UX in Figma

Lecture 5: What we are making in this Figma course

Lecture 6: Class project 01- Create your own brief

Chapter 2: Wireframing – Low Fidelity

Lecture 1: What is Lo Fi Wireframe vs High Fidelity in Figma

Lecture 2: Creating our design file & introducing frames in Figma

Chapter 3: Type, Color & Icon Introduction

Lecture 1: The basics of type & fonts in Figma

Lecture 2: Rectangles Circles Buttons Rounded corners in Figma

Lecture 3: How to use color in Figma

Lecture 4: Strokes plus updating color defaults in Figma

Lecture 5: Object editing and how to escape in Figma

Lecture 6: Scale vs Selection Tool in Figma

Lecture 7: Frames vs Groups in Figma

Lecture 8: Class project 02- Wireframe

Lecture 9: Where to get Free icons for Figma

Lecture 10: Matching the stroke of our icons

Lecture 11: How to use Plugins in Figma for icons

Lecture 12: Class project 03 – Icons

Chapter 4: Pages

Lecture 1: How to use Pages in Figma

Chapter 5: Prototyping – Level 1

Lecture 1: How to prototype in Figma

Lecture 2: Prototype animation and easing in Figma

Lecture 3: Testing on your phone with Figma Mirror

Lecture 4: Class project 04 – Testing on your phone

Chapter 6: Animation Level 1

Lecture 1: What is Smart Animation & delays in Figma

Lecture 2: Class project 05 – My first animation

Chapter 7: Commenting

Lecture 1: Sharing & Commenting on Figma file with Stakeholders

Lecture 2: Share editing with other UX designers in Figma

Chapter 8: Moodboard – High Fidelity

Lecture 1: How I get inspiration for UX projects

Lecture 2: How to create a mood board in Figma

Lecture 3: Class Project 06 – Moodboard

Chapter 9: Columns

Lecture 1: How to work with Columns & Grid in Figma

Chapter 10: Tips & Tricks

Lecture 1: Tips Tricks Preferences and Weirdness in Figma

Chapter 11: Colors

Lecture 1: Color Inspiration & the eyedropper in Figma

Lecture 2: How to create a color palette in Figma

Lecture 3: How to make gradients in Figma

Lecture 4: How to create & use Color Styles in Figma

Lecture 5: Class Project 07 – Colors & Columns

Chapter 12: Text & Fonts Advanced

Lecture 1: Font on Desktop vs Browser Figma

Lecture 2: What fonts can I use plus font pairing in Figma

Lecture 3: What common font sizes should I choose in web design

Lecture 4: How to make Character Styles in Figma

Lecture 5: Lorem ipsum & Placeholder text in Figma

Lecture 6: Useful things to know about text in Figma

Lecture 7: How fix missing fonts in Figma

Lecture 8: Class project 08 – Text

Chapter 13: Drawing

Lecture 1: Drawing tips and tricks in Figma

Lecture 2: Squircle buttons with ios rounded courses in Figma

Lecture 3: Boolean Union Subtract Intersect Exclude Pathfinder in Figma

Lecture 4: What is the difference Union vs Flatten Figma

Lecture 5: Class Project 09 – Making stuff

Lecture 6: Smart Selection & Tidy up in Figma

Chapter 14: Working with Illustrator

Lecture 1: Do I need to know Illustrator with Figma

Chapter 15: Images

Lecture 1: Tips & tricks for using images in Figma

Lecture 2: Masking Cropping images in Figma

Lecture 3: Free image & plugin for Figma

Chapter 16: Working with Photoshop

Lecture 1: Do you need Photoshop for UX Design in Figma?

Lecture 2: Class Project 10 – Images

Chapter 17: Autolayout's & Constraints

Lecture 1: Autolayout & Constraints

Lecture 2: Class project 11 – Buttons

Lecture 3: Auto Layout for spacing

Lecture 4: How to use constraints in figma

Lecture 5: Combining Nested frames Auto Layout & Constraints in Figma

Lecture 6: Adding Text Box Autoheight to Autolayout in Figma

Lecture 7: Class Project 12 – Responsive Design

Lecture 8: Nice drop shadow & Inner drop shadow effects in Figma

Chapter 18: Effects

Lecture 1: Blur Layer & Background Blur & Image Blur in Figma

Lecture 2: How to make Neumorphic ui buttons in Figma

Lecture 3: Class project 13 – Effects

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert

Rating Distribution

1 stars: 130 votes
2 stars: 239 votes
3 stars: 1752 votes
4 stars: 8592 votes
5 stars: 20307 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