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 Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching 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 Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 5.5 hours on-demand video
  • 5 articles
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Graphic Design & Illustration Figma

The Complete Figma Course – Designing Mobile & Web App UI/UX

Learn how to use Figma to design beautiful mobile & web apps that make users feel amazing
Rating: 4.6 out of 54.6 (627 ratings)
2,556 students
Created by Nima Tahami
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • How to use Figma on web & desktop
  • Designing full mobile & web mockups (UI Design)
  • Creating great experiences with applications of UX Design
  • Building interactive prototypes to share with co-workers and clients
  • Seeing your prototypes live on your own mobile phone
  • Creating easy-to-tweak designs using re-usable components & styles
  • How to pick colour schemes and unique typography for your designs
  • Working with your clients/team right within Figma

Requirements

  • A Computer (Mac or Windows)
  • Internet Connection

Description

You will learn how to create beautiful mobile & web user interfaces that you can then turn into live prototypes with the help of Figma.


Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac and Windows.


Is this course for you?

You're in the right place if any of these apply to you:

  • You’re interested in user interface & user experience design (UI/UX) but not sure where to start.

  • You’re an entrepreneur with an app idea and want to turn your idea from a sketch to a realistic mockup and prototype.

  • You want to brush up your design skills to get the job that you want at companies like Airbnb, Google, Apple, etc.

  • You’re already designing and want to jump into Figma and take your designs to the next level.

  • You’re interested in earning income as a freelance designer.

  • You simply want to enter a new career path, and graphic design has interested you.


By the end of this course:

You will have learned the many great tools Figma has to offer and you will be able to design engaging mobile and web mockups, that you can turn into live interactive prototypes, for your own projects or for your clients.


What do I need?

This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer and a web browser.

About your instructor:

This course is taught by entrepreneur & designer Nima Tahami. Nima has more than 10 years of experience designing and developing dozens of mobile apps and web apps for both clients and startups of his own. Nima's current startup, ShiftRide, has been covered in many news outlets, including Forbes, where his app was highlighted for its ease of use.


Nima has created this course to help people become the best designer they can be. Design is part of the foundation of many things from great products & websites to great advertisements and everything in between. Nima has also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.


Course Overview:

The course is broken down into 3 main parts: Learning all about Figma, Designing a Full Mobile Mockup, and Designing a Simple Web App Mockup.


Learning All About Figma:

  • Understanding why Figma is great

  • Signing Up for Figma

  • Going over the basics of the software

  • Importing Files from Sketch

  • Creating Frames, Shapes, and exploring with Drawing Tools


Designing a Full Mobile Mockup:

  • Designing the Mobile App UI for a laundry delivery service called Clean Kangaroo

  • Creating reusable design components

  • Using constraints to create responsive designs for any size mobile device

  • Applying easy-to-change styles for colors and typography

  • Turning our mockup into an interactive prototype

  • Testing our prototype on a real device

  • Sharing & Exporting our designs

  • Working live with a team inside Figma


Designing a Simple Web Mockup:

  • Designing a 3-Page Web App UI for Clean Kangaroo

  • Using Auto-Layout to create smart dynamic designs

  • Filling in our designs with sample data using Plugins


So what are you waiting for?

Let’s get started learning how to design real-world projects using Figma and take our design skills to a whole new level together.

Who this course is for:

  • Beginner-level designers interested in user interface & user experience design (UI/UX)
  • Beginner/Intermediate designers interested in earning income as a freelance designer
  • Any-level designers looking to get into web & mobile app designs (graphical user interface)
  • Entrepreneurs wanting to turn their app ideas from a sketch to a realistic mockup and prototype.
  • Anyone looking to jump into a new exciting career with graphic design.

Featured review

Sue Dayton
Sue Dayton
17 courses
7 reviews
Rating: 5.0 out of 54 months ago
I loved how he incorporated all the different features while building two cohesive prototypes for a fictitious product. Very well done. As someone who has been using Sketch since 2015, it was a great transition course. I'm hooked on Figma now.

Course content

10 sections • 71 lectures • 5h 43m total length

  • Preview01:30

  • Preview00:52
  • Signing Up
    00:58
  • The Basics
    02:56
  • Creating New Files
    02:52
  • Importing from Sketch
    01:06

  • The Main Toolbar
    02:37
  • The Properties Panel
    02:55
  • The Layers Panel
    01:26
  • Useful Shortcuts
    00:37

  • Preview03:26
  • Grids & Guides
    03:26
  • Creating Shapes
    07:16
  • Pen & Pencil Tools
    05:26
  • Boolean Operations
    03:40
  • Boolean Exercise Solution
    01:36
  • Alignment Tools
    02:36

  • Mockup Requirements
    03:07
  • Mockup Files
    00:34
  • The Wireframe
    05:20
  • Setting Up Our Frames
    09:41
  • Images & Overlays
    09:22
  • Adding Icons
    10:37
  • Choosing a Color Scheme
    06:56
  • Setting Up Color Styles
    05:14
  • Tutorial Page
    10:55
  • Components
    15:07
  • Button Components
    05:36
  • Using Pages to Organize
    05:14
  • Using Variants to Create Component Groups
    08:13
  • Variants Exercise Solution
    04:38
  • Payment Page
    08:19
  • Constraints
    06:46
  • Constraints Exercise Solution
    04:44
  • Plugins
    04:52
  • Completing Our Map Page
    06:11

  • Preview06:12
  • Using Templates
    03:03
  • Using Apple Templates & Fonts on Windows
    01:05
  • Working on Our Main Pages
    07:25
  • Designing a Tab Bar for Navigation
    06:07
  • Using Variants for Tab Bars
    00:15
  • Request Page
    09:09
  • Store Cards
    11:56
  • Adding Constraints to the Request Page
    03:40
  • Profile Page
    07:37
  • Applying Constraints to the Profile Page
    02:05
  • Services Page
    07:57
  • Adding Sample Data from Google Sheets
    04:31
  • Finding Custom Fonts to Use
    03:07
  • Creating Text Styles
    07:29
  • Applying Text Styles Everywhere
    07:14
  • Finishing Touches
    06:46

  • Creating Prototypes
    03:07
  • Adding Connections between Frames
    03:35
  • Scrolling in Prototypes
    04:27
  • Testing on a Real Device
    01:51
  • Sharing Our Files
    02:25
  • Working with Teams
    03:49

  • Creating Exports
    03:34
  • Code Handoff
    01:20

  • Project Outline
    02:24
  • Starting with a Template
    05:17
  • Login Page
    08:46
  • Image Masks
    02:28
  • Dashboard Page
    09:07
  • Auto-Layout
    08:18
  • Adding Sample Data
    07:44
  • Full Web Mockup
    00:11
  • Version History
    02:00

  • Well Done!
    01:06

Instructor

Nima Tahami
Entrepreneur & Designer • Founder of ShiftRide
Nima Tahami
  • 4.6 Instructor Rating
  • 627 Reviews
  • 2,556 Students
  • 1 Course

I'm an entrepreneur & designer with a high passion for building products of all sorts and seeing ideas come to life. As a serial entrepreneur, I've designed and built projects in fields ranging from fashion to technology. I have over 10 years of experience in both designing and developing dozens of mobile & web apps for clients, through ClevrDesign and my own startups.


I've also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.


Ultimately, my goal is to create beautiful and useful products, while teaching and inspiring others to become the best designers they can be.

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