When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

UI/UX Design
SkillShare logo

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

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Figma for UI/UX Design 2021: Learning by Doing approach

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon2 hours 17 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

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

Introduction to the Course

Setting up the environment

If you're having trouble with importing files

HELLO WORLD

Understand client Requirement and Wireframe

Color Pallete and Primary Colour

Secondary Colours and Tertiary Colours

Tertiary and gray

Typeface Selection and Typescale

Heading Styles

Setting up artboard and grid

Making the Navigation Bar

Headings and Text Styles

Creating background and pasting image

Call to Action Button

Next section and autolayout

Designing Feature Cards with Auto Layout

Adding Background to the Cards

Building Cards the other way for the next section

Building next section with images and cards

Do it yourself for the rest of the design

Thank You

What You Will Learn?

  • 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.