Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Learn Figma: Design a Full Mobile UI/UX

via Skillshare

Overview

You will learn how to create beautiful mobile user interfaces with one of the most powerful free design tools, called Figma.

What's 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.

What sort of project will we be designing? In this course, we'll use Figma to create a beautiful mobile mockup for a laundry delivery service. As we go through designing the 7-Page Mobile Mockup, we'll go over some of the most useful tools that Figma gives you:

  • Setting up a Figma file from a Client Brief/Requirement
  • Learn how to apply Images & Icons to your designs
  • Picking a Color Scheme & Turning them into easy-to-use Color Styles in Figma
  • Learning Components for Re-usable Design
  • Using Constraints to make responsive designs that work on all mobile screen sizes
  • How to use Plugins in Figma to speed up your design process
  • Working with the iOS UI Guidelines & Templates
  • Choosing Custom Fonts & Setting up Text Styles in Figma
  • Essentials to User Experience Design (UX)

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.

Looking to also learn Web UI/UX Design?

I've made a course on creating a web app for Clean Kangaroo that you should definitely check out as well:

Learn How to Create Effective Marketing Campaigns for Facebook & Instagram:

Never used Figma before? 

No problem! If this is your first time using Figma, it's recommended that you first check out the Introduction to Figma course before taking this course (optional step):

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

Syllabus

  • Introduction
  • Mockup Requirements
  • The Wireframe
  • Setting Up Our Frames
  • Images & Overlays
  • Adding Icons
  • Choosing a Color Scheme
  • Setting Up Color Styles
  • The Tutorial Page
  • Components
  • Button Components
  • Using Pages to Organize
  • Using Variants to Create Component Groups
  • Variants Exercise Solution
  • The Payment Page
  • Constraints
  • Constraints Exercise Solution
  • Using Plugins
  • Finishing the Map Page
  • UX Design Tips
  • iOS Design Templates
  • Working on Our Main Pages
  • Designing a Tab Bar for Navigation
  • The Request Page
  • Store Cards
  • The Profile Page
  • The Services Page
  • Sample Data from Google Sheets
  • Finding Custom Fonts to Use
  • Creating Text Styles
  • Applying Text Styles Everywhere
  • Final Touches
  • What's Next?

Taught by

Nima Tahami

Reviews

Start your review of Learn Figma: Design a Full Mobile UI/UX

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.