Figma UI UX Design Essentials
- Descrição
- Currículo
- FAQ
- Revisões
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.
-
1Introduction to Figma Essentials training courseVídeo Aula
-
2Getting started with Figma trainingVídeo Aula
-
3What is Figma for & does it do the coding?Vídeo Aula
-
4Whats the difference between UI and UX in FigmaVídeo Aula
-
5What we are making in this Figma courseVídeo Aula
-
6Class project 01- Create your own briefVídeo Aula
-
7Class project 01- Create your own briefTexto
-
10The basics of type & fonts in FigmaVídeo Aula
-
11Rectangles Circles Buttons Rounded corners in FigmaVídeo Aula
-
12How to use color in FigmaVídeo Aula
-
13Strokes plus updating color defaults in FigmaVídeo Aula
-
14Object editing and how to escape in FigmaVídeo Aula
-
15Scale vs Selection Tool in FigmaVídeo Aula
-
16Frames vs Groups in FigmaVídeo Aula
-
17Class project 02- WireframeVídeo Aula
-
18Class project 02- WireframeTexto
-
19Where to get Free icons for FigmaVídeo Aula
-
20Matching the stroke of our iconsVídeo Aula
-
21How to use Plugins in Figma for iconsVídeo Aula
-
22Class project 03 - IconsVídeo Aula
-
23Class project 03 - IconsTexto
-
41Color Inspiration & the eyedropper in FigmaVídeo Aula
-
42How to create a color palette in FigmaVídeo Aula
-
43How to make gradients in FigmaVídeo Aula
-
44How to create & use Color Styles in FigmaVídeo Aula
-
45Class Project 07 - Colors & ColumnsVídeo Aula
-
46Class Project 07 - Colors & ColumnsTexto
-
47Font on Desktop vs Browser FigmaVídeo Aula
-
48What fonts can I use plus font pairing in FigmaVídeo Aula
-
49What common font sizes should I choose in web designVídeo Aula
-
50How to make Character Styles in FigmaVídeo Aula
-
51Lorem ipsum & Placeholder text in FigmaVídeo Aula
-
52Useful things to know about text in FigmaVídeo Aula
-
53How fix missing fonts in FigmaVídeo Aula
-
54Class project 08 - TextVídeo Aula
-
55Class project 08 - TextTexto
-
56Drawing tips and tricks in FigmaVídeo Aula
-
57Squircle buttons with ios rounded courses in FigmaVídeo Aula
-
58Boolean Union Subtract Intersect Exclude Pathfinder in FigmaVídeo Aula
-
59What is the difference Union vs Flatten FigmaVídeo Aula
-
60Class Project 09 - Making stuffVídeo Aula
-
61Class Project 09 - Making stuffTexto
-
62Smart Selection & Tidy up in FigmaVídeo Aula
-
70Autolayout & ConstraintsVídeo Aula
-
71Class project 11 - ButtonsVídeo Aula
-
72Class project 11 - ButtonsTexto
-
73Auto Layout for spacingVídeo Aula
-
74How to use constraints in figmaVídeo Aula
-
75Combining Nested frames Auto Layout & Constraints in FigmaVídeo Aula
-
76Adding Text Box Autoheight to Autolayout in FigmaVídeo Aula
-
77Class Project 12 - Responsive DesignVídeo Aula
-
78Class Project 12 - Responsive DesignTexto
-
79Nice drop shadow & Inner drop shadow effects in FigmaVídeo Aula
