Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-03-01 17:01:36
30-Day Money-Back Guarantee
Design User Experience Design Figma

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

Design a Website while learning Figma using Learning by Doing Approach
New
Rating: 4.2 out of 54.2 (113 ratings)
15,170 students
Created by Saumitra Newalkar
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Understand Figma and its functionality
  • Create a modern looking website as per client requirement
  • Create colour palette and choose colour schemes according to the brand colours
  • Understand typefaces, type scale, and create Typography reference sheet
  • Design easy to replicate designs using advanced Figma features such as Auto Layout

Requirements

  • Basic computer operating skills
  • A computer (and internet) with Figma installed (or you can use it in browser)

Description

Here are some reviews from the students of the course:

"This course was very beneficial and practical for me." - Bita Bostanchi

"I Learned Lott from this course. thanks" - Venkatesh

"Very nice for you who want to take a step at web design or UI/UX design role." - Amadev

"Was a very clear course." - Marina Caviola

"This is amazing for me" - Md. Mijanur Rahman


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.

Who this course is for:

  • Students looking to learn Figma for UI/UX Design
  • Beginners looking to create a project in Figma and learn all the functionalities
  • Graphic Designers, Web Designers, UX Designers looking to Learn Figma for UI Design

Course content

4 sections • 22 lectures • 2h 17m total length

  • Preview01:09
  • Setting up the environment
    02:43
  • If you're having trouble with importing course files to Figma
    00:38
  • Hello World: Basic Introduction to Figma Interface
    15:00
  • Preview03:39

  • Preview06:09
  • Preview04:42
  • Choosing Grays from Primary Colour
    03:35
  • Choosing Typefaces and Type-Scale
    11:25
  • Heading, Paragraph, and Body Styles
    04:37

  • Setting up the Artboard and Grids
    05:18
  • Creating the Navigation Bar
    05:44
  • Preview05:53
  • Creating Background and Inserting Image
    05:06
  • Making the Call to Action Button
    06:50
  • Using Auto Layout for next section
    07:48
  • Designing the Feature Cards with Auto Layout
    17:16
  • Adding Visual Background to the Cards
    03:26
  • Another way to design Cards (for next section)
    13:36
  • Building next section with Cards using auto layout
    07:10
  • Do it yourself for the rest of the design
    04:04

  • Thank you
    01:17

Instructor

Saumitra Newalkar
Product Designer and Figma Enthusiast
Saumitra Newalkar
  • 4.2 Instructor Rating
  • 113 Reviews
  • 16,193 Students
  • 1 Course

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 courses on Udemy. I am preparing Courses on UX Design, Product Design, and Figma.

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

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.