All Levels
16 hours
Java Tutorial for Complete Beginners
Learn to program using the Java programming language
John Purcell
What you'll learn:
- ✓Learn to program in Java
16 hours
73 lectures
Access on mobile and TV
Certificate
DevelopmentJava
All LevelsDesignUser Experience Design
Figma UI UX Design Essentials
Use Figma to get a job in UI Design, User Interface, User Experience design, UX Design & Web Design
Created by Daniel Walter Scott
12 hours
Video Content
112
Lectures
168,778
Students
4.7
Rating
4.7
(168,778 students enrolled)What you'll 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.
Course Content
29 sections • 112 lectures • 11:51:37 total length
Getting Started
6 lectures • 28:53
Getting Started
6 lectures • 28:53
Introduction to Figma Essentials training course02:53
Getting started with Figma training03:33
What is Figma for & does it do the coding?03:46
Whats the difference between UI and UX in Figma05:22
What we are making in this Figma course09:18
+2 more lectures
Wireframing - Low Fidelity
2 lectures • 11:03
Wireframing - Low Fidelity
2 lectures • 11:03
What is Lo Fi Wireframe vs High Fidelity in Figma02:34
Creating our design file & introducing frames in Figma08:29
Type, Color & Icon Introduction
12 lectures • 01:13:25
Type, Color & Icon Introduction
12 lectures • 01:13:25
The basics of type & fonts in Figma10:51
Rectangles Circles Buttons Rounded corners in Figma06:50
How to use color in Figma05:45
Strokes plus updating color defaults in Figma09:28
Object editing and how to escape in Figma01:47
+9 more lectures
Pages
1 lectures • 08:31
Pages
1 lectures • 08:31
How to use Pages in Figma08:31
Prototyping - Level 1
4 lectures • 31:10
Prototyping - Level 1
4 lectures • 31:10
How to prototype in Figma10:46
Prototype animation and easing in Figma10:53
Testing on your phone with Figma Mirror05:40
Class project 04 - Testing on your phone03:51
Class project 04 - Testing on your phone1 question
Animation Level 1
2 lectures • 10:45
Animation Level 1
2 lectures • 10:45
What is Smart Animation & delays in Figma08:44
Class project 05 - My first animation02:01
Class project 05 - My first animation1 question
Commenting
2 lectures • 14:08
Commenting
2 lectures • 14:08
Sharing & Commenting on Figma file with Stakeholders07:10
Share editing with other UX designers in Figma06:58
Moodboard - High Fidelity
3 lectures • 13:38
Moodboard - High Fidelity
3 lectures • 13:38
How I get inspiration for UX projects06:39
How to create a mood board in Figma05:33
Class Project 06 - Moodboard01:26
Class Project 06 - Moodboard1 question
Columns
1 lectures • 13:54
Columns
1 lectures • 13:54
How to work with Columns & Grid in Figma13:54
Tips & Tricks
1 lectures • 07:52
Tips & Tricks
1 lectures • 07:52
Tips Tricks Preferences and Weirdness in Figma07:52
Colors
5 lectures • 35:23
Colors
5 lectures • 35:23
Color Inspiration & the eyedropper in Figma06:34
How to create a color palette in Figma09:02
How to make gradients in Figma07:46
How to create & use Color Styles in Figma08:01
Class Project 07 - Colors & Columns04:00
+1 more lectures
Text & Fonts Advanced
8 lectures • 47:41
Text & Fonts Advanced
8 lectures • 47:41
Font on Desktop vs Browser Figma01:30
What fonts can I use plus font pairing in Figma06:01
What common font sizes should I choose in web design11:30
How to make Character Styles in Figma06:36
Lorem ipsum & Placeholder text in Figma04:28
+4 more lectures
Drawing
6 lectures • 35:36
Drawing
6 lectures • 35:36
Drawing tips and tricks in Figma09:38
Squircle buttons with ios rounded courses in Figma02:48
Boolean Union Subtract Intersect Exclude Pathfinder in Figma07:25
What is the difference Union vs Flatten Figma03:36
Class Project 09 - Making stuff03:29
+2 more lectures
Working with Illustrator
1 lectures • 04:15
Working with Illustrator
1 lectures • 04:15
Do I need to know Illustrator with Figma04:15
Images
3 lectures • 17:54
Images
3 lectures • 17:54
Tips & tricks for using images in Figma06:11
Masking Cropping images in Figma09:12
Free image & plugin for Figma02:31
Working with Photoshop
2 lectures • 11:57
Working with Photoshop
2 lectures • 11:57
Do you need Photoshop for UX Design in Figma?10:40
Class Project 10 - Images01:17
Class Project 10 - Images1 question
Autolayout's & Constraints
8 lectures • 54:34
Autolayout's & Constraints
8 lectures • 54:34
Autolayout & Constraints07:59
Class project 11 - Buttons01:15
Class project 11 - Buttons1 question
Auto Layout for spacing05:47
How to use constraints in figma08:22
+5 more lectures
Effects
3 lectures • 15:27
Effects
3 lectures • 15:27
Blur Layer & Background Blur & Image Blur in Figma05:57
How to make Neumorphic ui buttons in Figma07:37
Class project 13 - Effects01:53
Class project 13 - Effects1 question
Saving & History
1 lectures • 05:42
Saving & History
1 lectures • 05:42
How to save locally & save history in Figma05:42
Components & Instances
6 lectures • 36:09
Components & Instances
6 lectures • 36:09
What are components in Figma06:19
Updating & Changing & Resetting your components07:47
You can’t kill main components in Figma07:22
Where should you keep your main components in Figma05:02
Intro to the forward slash / naming convention in Figma08:55
+2 more lectures
Variants
4 lectures • 25:49
Variants
4 lectures • 25:49
How to make component variants in Figma06:41
Another way to make variants in Figma06:14
How to make a Multi Dimensional Variant in Figma11:13
Class Project 15 - Variants01:41
Class Project 15 - Variants1 question
Making a form
3 lectures • 37:59
Making a form
3 lectures • 37:59
How to make a form using variants in Figma16:48
Class Project 16 - Form01:27
Class Project 16 - Form1 question
Putting it all together in an desktop example19:44
Prototyping - Level 2
8 lectures • 43:48
Prototyping - Level 2
8 lectures • 43:48
How to add a popup overlay modal in Figma03:03
How to make & prototype a tool tip in Figma07:26
What are Flows in Figma05:39
Slide in mobile nav menu overlay in Figma03:55
Class project 17 - Prototyping01:10
+4 more lectures
Teams & Projects
1 lectures • 05:18
Teams & Projects
1 lectures • 05:18
What are Teams vs Projects vs Files in Figma05:18
Libraries
1 lectures • 11:03
Libraries
1 lectures • 11:03
How do you use team libraries in Figma11:03
Animation & Micro Interactions
9 lectures • 01:05:34
Animation & Micro Interactions
9 lectures • 01:05:34
The difference between animation & micro interactions02:55
Animation with custom easing in Figma25:36
Class Project 18 - My Second Animation01:54
Class Project 18 - My Second Animation1 question
How to make animated transitions in Figma17:23
+7 more lectures
Thumbnail update
1 lectures • 04:10
Thumbnail update
1 lectures • 04:10
How to change the thumbnail for Figma Files04:10
Exporting
6 lectures • 33:06
Exporting
6 lectures • 33:06
How to export Images out of Figma07:40
How to share you document with clients & stakeholders07:09
Talking to your developer early in the figma design process03:55
Sharing Figma with developers & engineers handoff06:07
What are the next level handoffs aka design systems03:18
+2 more lectures
What next
2 lectures • 06:52
What next
2 lectures • 06:52
What next for you and Figma06:08
Continue learning with me! Links inside.00:44
Description
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.
Who this course is for:
- 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.
This course includes:
- 12 hours on-demand video
- 1 articles
- 1 downloadable resources
- Access on mobile and TV
- ∞Full lifetime access
- Certificate of completion
Instructor
Daniel Walter Scott
Students also download
Explore related courses to expand your learning journey.
All Levels
22 hours
The Complete Python Bootcamp From Zero to Hero in Python
Learn Python like a Professional Start from the basics and go all the way to creating your own applications and games
Jose Portilla
What you'll learn:
- ✓You will learn how to leverage the power of Python to solve tasks.
- ✓You will build games and programs that use Python libraries.
- ✓You will be able to use Python for your own work problems or personal projects.
- +9 more skills
22 hours
156 lectures
Access on mobile and TV
Certificate
DevelopmentPython
All Levels
52 hours
100 Days of Code: The Complete Python Pro Bootcamp
Master Python by building 100 projects in 100 days. Learn data science, automation, build websites, games and apps!
Dr. Angela Yu, Developer and Lead Instructor
What you'll learn:
- ✓You will master the Python programming language by building 100 unique projects over 100 days.
- ✓You will learn automation, game, app and web development, data science and machine learning all using Python.
- ✓You will be able to program in Python professionally
- +6 more skills
56.5 hours
592 lectures
Access on mobile and TV
Certificate
DevelopmentPython