Learning Lab Home/Design/The Complete Figma Course – Designing Mobile & Web App UI/UX

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

In partnership With
Udemy
4.6
(1,878)

Topic:

Learn how to use Figma to design beautiful mobile & web apps that make users feel amazing

 

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

 

[NEW] This course has been updated for 2022 to include all the latest Figma Features for your convenience and to keep the course fully up to date with Figma.

 

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 colours and typography

  • Turning our mockup into an interactive prototype

  • Testing our prototype on a real device

  • Adding animations, overlays, links, and more to our prototype to make them more usable

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

 

Course
Beginner
Careers

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

Jobs

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

Certifications

Certifications related to Figma or UI Design or UX Design or UX Research

General Assembly’s Visual Design course helps you explore the art and science of visual communication and the process of creating beautiful digital products. Create a production- ready composition for a responsive webpage, conveying your vision through typography, layout, and color. You’ll learn to give and receive design critique and implement feedback to improve your designs.

 

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although many students have used software such as Photoshop, Sketch, Figma, or Adobe XD* previously and may be familiar with basic design principles. Beginners will have access to optional tutorials to practice using software and boost their confidence ahead of class. Throughout this expert-designed program, you’ll:

  • Conduct research to inform content strategy and design decisions.
  • Create a digital design solution that balances client needs and user goals.
  • Design digital layouts with industry-standard tools such as Figma and Sketch.
  • Implement visual design best practices in composition, typography, imagery, and colors.
  • Communicate design decisions to stakeholders and collaborators.
  • Apply what you’ve learned to create a portfolio project: a production-ready mockup for a responsive webpage and a presentation deck to document your process.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly

General Assembly’s User Experience Design Immersive is a transformative course designed for you to get the necessary skills for a UX Design role in three months. 

The User Experience Design bootcamp is led by instructors who are expert practitioners in their field, supported by career coaches that work with you since day one and enhanced by a career services team that is constantly in talks with employers about their UX Design hiring needs.

 

What you'll accomplish

As a graduate, you’ll have a portfolio of projects that show your creative and technical ability to launch the next generation of successful apps, websites and digital experiences. Throughout this program, you will:

  • Identify and implement the most effective methods of user research to gain a deeper understanding of what users want and need.

  • Use interaction and visual design techniques to craft a dynamic digital product that brings delight and function to users.

  • Conduct usability testing to make product experiences more accessible for diverse user populations and environments.

  • Learn best practices for working within a product team, employing product management techniques and evaluating technical constraints to better collaborate with developers.

  • Produce polished design documentation, including wireframes and prototypes, to articulate design decisions to clients and stakeholders.

  • Prepare for the world of work, compiling a professional-grade portfolio of solo, group, and client projects.

 

Prerequisites

This is a beginner-friendly program with no prerequisites, although many students are familiar with common tools for graphic and web designers and some may have had exposure to UX concepts in the past. The General Assembly curriculum helps you gain fluency in end-to-end UX processes, tools, and documentation and put them to work on the path to a new career as a User Experience Designer.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation.  General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

General Assembly
Courses

Courses related to Figma or UI Design or UX Design or UX Research

Udemy

The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have a huge impact on the experience of your users.

If you're designing…

Udemy

Figma is one of the most powerful UI and UX Design tool that can even run in your browser. Figma’s power is hidden in its being cross-platform and its Collaboration feature where you can easily collaborate with other Designers and Developers. It…

Udemy

Topic:

Master Figma app to get a job in UI Design, User Interface, User Experience design, Web Design & UX design.

 

What you'll learn:

  • Become a UI/UX designer.…

4.6
(1259)
Udemy

Topic:

Learn how to use Figma to design beautiful mobile & web apps that make users feel amazing

 

What you'll learn:

  • How to use Figma on web & desktop

4.6
(1878)