Figma for UI/UX Design 2021: Learning by Doing approach

Focused View

Saumitra Newalkar

2:16:27

8 View

01-introduction to the course.mp4

01:09

02-setting up the environment.mp4

02:43

03-hello world.mp4

15:00

04-understand client requirement and wireframe.mp4

03:39

05-color pallete and primary colour.mp4

06:09

06-secondary colours and tertiary colours.mp4

04:42

07-tertiary and gray.mp4

03:35

08-typeface selection and typescale.mp4

11:25

09-heading styles.mp4

04:37

10-setting up artboard and grid.mp4

05:18

11-making the navigation bar.mp4

05:44

12-headings and text styles.mp4

05:53

13-creating background and pasting image.mp4

05:06

14-call to action button.mp4

06:50

15-next section and autolayout.mp4

07:48

16-designing feature cards with auto layout.mp4

17:16

17-adding background to the cards.mp4

03:26

18-building cards the other way for the next section.mp4

13:36

19-building next section with images and cards.mp4

07:10

20-do it yourself for the rest of the design.mp4

04:04

21-thank you.mp4

01:17

Exercise Files.zip

Workbook and Reference Files.zip.zip

Description

Design a Website and learn the process of UI/UX design in Figma using Learning by Doing Approach

This is very much a practical course on learning Figma. At the end of the course, you will have an aesthetically pleasing Project of a Website to show in your portfolio.

Figma is increasingly becoming the tool of choice for UI/UX Design teams all over the world. It is because Figma is much more powerful than Adobe XD and Sketch when it comes to its capability to collaborate and develop responsive design. In this course, you will learn Figma while designing while you are learning. This learning by doing methodology will help you learn Figma more effectively.

In this course, you will also learn the process of UI/UX Design with Figma, which starts at the client brief, and ends with a beautiful design which the client loves. You are requested to follow the course and start working in Figma in parallel. The course covers following steps in the UI/UX Design process:

Understanding Client's Design
Understanding the Wireframe
Creating Colour Palette matching to the Brand Design
Choosing Typefaces and Type Scale
Designing a modern User Interface according to the requirement
Use Figma specific features like Auto Layout to speed up your workflow

This course is specifically aimed at beginners to help then get upto speed. Learning a tool is not enough to create an output of relevance, and hence, this course is a project based course. At the end of the course you will have a beautiful website design (with website copy) for a study abroad company to show off in your portfolio.

Link for the Workbook File - https://www.figma.com/file/Ha3S4t0JFzjM87eufWmtfQ/Excellence-Study-Abroad-Workbook-File

Link for the Reference File - https://www.figma.com/file/0PBgomraRFAEw0kcWO5V88/Excellence-Study-Abroad-Reference-File

What You'll Learn?

Website Design
Creative
UI Design
Plugin
UI/UX Design
Website Copy
Speed Learning

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Figma

User Experience Design

User Interface

Saumitra Newalkar

Instructor's Courses

Hey friends, my name is Saumitra and I am a Product Designer. I love building products right from concept stage to execution. I want to share my learnings about various tools and techniques through Classes on SkillShare. I am preparing Courses on UX Design, Product Design, and Figma.

Check out my Classes and leave a feedback and a rating. Cheers!

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.