Learn Figma For Absolute Beginners 2021 from Udemy

Figma is one of the most amazing and leading industry design tool used for UI/UX and prototyping for Web and Mobile Apps.

In this course, Instructor Shaher Yar will teach you how to use Figma and how to design a Nike Shopping App along with learning all the new features of Figma by demonstrating a full app design workflow. By downloading the exercise files, you will be able to set up the workspace and start by creating more than 15 Screens of the Nike Shopping App. You will be able to create an impressive user interface by applying artistic skills that will enhance the user experience of the App.

In the last, you'll learn how to prototype your app by creating connections between frames which will bring life to your app, and then you can share your prototype with your friends, developers, clients, and other stakeholders.

By the end of this course, you would be able to create efficient mobile application designs with Figma.

What's inside

Learning objectives

Ui/ux design process
Figma tools and features
Work with latest animations in figma
Build an interactive mobile app
Create nike shopping app in figma 2021

Structuring to visual design
Prototype a mobile app
Sharing your app on web
You will have a project of your own design to show in your portfolio

Ui/ux design process
Figma tools and features
Work with latest animations in figma
Build an interactive mobile app
Create nike shopping app in figma 2021
Structuring to visual design
Prototype a mobile app
Sharing your app on web
You will have a project of your own design to show in your portfolio

Syllabus

Introduction

My Orders Screen

Using the exercise files

Introduction To Figma For Beginners

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Covers UI/UX design processes, which are essential for creating user-friendly and visually appealing interfaces for web and mobile applications

Teaches Figma, a leading industry design tool, which is valuable for professionals in UI/UX and prototyping for web and mobile apps

Focuses on building an interactive mobile app, which is directly applicable to mobile app design and development projects

Explores prototyping a mobile app, which is a crucial step in the design process for testing and refining user interactions

Uses Figma 2021, which may not be the latest version, but still provides a solid foundation for learning the fundamentals of UI/UX design

Requires downloading exercise files to set up the workspace, which may pose a challenge for learners with limited access to necessary software or storage

Reviews summary

Solid figma basics and app project

According to learners, this course is excellent for absolute beginners looking to learn Figma. Students highlight the clear explanations and praise the Nike app project as a great way to learn by doing and build confidence. While it provides a solid foundation, some students feel some parts felt a little rushed or that the pacing is inconsistent. A few recent reviews mention that the course, being from 2021, feels slightly outdated as Figma has changed. Despite minor issues like occasional audio quality wasn't always great, the overall consensus is that it's a valuable introduction, and the instructor is knowledgeable.

Mostly clear explanations, but pacing can vary.

"The instructor explains everything clearly and the Nike app project is a great way to learn by doing."

"Sometimes moves too fast. The audio quality wasn't always great."

"The pacing is also inconsistent, sometimes too slow, sometimes too fast."

"Clear explanations throughout."

Instructor is knowledgeable and effective.

"Shaher Yar is a great teacher."

"Instructor is knowledgeable."

"The instructor explains everything clearly and the Nike app project is a great way to learn by doing."

Hands-on project helps solidify understanding.

"the Nike app project is a great way to learn by doing."

"By downloading the exercise files, you will be able to set up the workspace and start by creating more than 15 Screens of the Nike Shopping App."

"The project helps solidify understanding."

"The project approach makes learning practical."

Perfect starting point for new Figma users.

"Absolutely fantastic course for beginners!"

"Perfect for absolute beginners! Everything is explained simply and the project is engaging."

"I knew nothing about Figma and now I feel confident creating designs."

"Couldn't ask for a better intro to Figma."

Occasional issues with audio or video quality.

"The audio quality wasn't always great."

"Some minor issues with video resolution sometimes."

Course material from 2021 may not reflect latest Figma.

"This course is from 2021 and feels a bit old. Figma has changed."

"Some parts are slightly outdated now (2021 course), but still mostly relevant."

"Doesn't go very deep into advanced features or best practices."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Learn Figma For Absolute Beginners 2021 with these activities:

Review UI/UX Design Principles

Show steps

Reinforce fundamental UI/UX design principles to create more effective and user-friendly interfaces in Figma.

Browse courses on UX Principles

Show steps

Study the key principles of UI/UX design.
Analyze existing apps and websites.
Identify examples of good and bad UI/UX design.

Review 'Don't Make Me Think, Revisited'

Show steps

Learn the fundamentals of usability and user-centered design to create more intuitive and user-friendly interfaces in Figma.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read the book 'Don't Make Me Think, Revisited'.
Apply the usability principles to your designs.
Conduct usability testing on your designs.

Review 'Refactoring UI'

Show steps

Learn practical UI refactoring techniques to improve the visual appeal and usability of your Figma designs.

View Melania on Amazon

Show steps

Read the book 'Refactoring UI'.
Apply the refactoring techniques to existing designs.
Experiment with different design approaches.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Recreate Existing UI Designs

Show steps

Improve your Figma skills by recreating existing UI designs from popular apps and websites.

Show steps

Find examples of UI designs you admire.
Recreate the designs in Figma.
Compare your designs to the originals.

Create a Figma Tutorial

Show steps

Solidify your understanding of Figma by creating a tutorial on a specific feature or technique covered in the course.

Show steps

Choose a Figma feature or technique to teach.
Plan the structure of your tutorial.
Record a video or write a blog post.
Share your tutorial online.

Design a Different E-commerce App

Show steps

Apply the skills learned in the course to design a complete e-commerce app for a different product category, such as books or electronics.

Show steps

Choose a product category for your e-commerce app.
Plan the user flow and key screens.
Design the UI in Figma.
Prototype the app.

Build a Figma Design System

Show steps

Create a reusable design system in Figma to streamline your workflow and ensure consistency across your projects.

Show steps

Define the components and styles for your design system.
Create the components in Figma.
Document your design system.
Share your design system with others.

Career center

Learners who complete Learn Figma For Absolute Beginners 2021 will develop knowledge and skills that may be useful to these careers:

Prototyper

A Prototyper specializes in creating interactive prototypes to test and validate design concepts. This course directly addresses the needs of a Prototyper by teaching you how to use Figma to create functional and engaging prototypes. The course covers how to prototype a mobile app which entails linking frames. By the end of this course, you would be able to create mobile application designs.

See salaries and explore the career path for Prototyper

Mobile App Designer

A Mobile App Designer specializes in creating visually appealing and user-friendly interfaces for mobile applications. This course directly addresses the needs of a Mobile App Designer by teaching you how to use Figma to design and prototype mobile apps. You will learn how to design user interfaces, work with animations, and prototype your app, bringing it to life through interactive connections between frames. The course's hands-on approach, where you create a Nike Shopping App, allows you to apply artistic skills to enhance the user experience, and enables you to create efficient mobile application designs.

See salaries and explore the career path for Mobile App Designer

Freelance Designer

A Freelance Designer works independently, providing design services to clients on a project basis. This course is valuable for a Freelance Designer because it teaches you how to use Figma. The course's focus on UI/UX design, prototyping, and mobile app creation makes it directly relevant to the needs of freelance designers. By learning how to create a Nike Shopping App, you'll have a project to show off in your portfolio, demonstrating your skills to potential clients. Also, you will learn how to share your designs.

See salaries and explore the career path for Freelance Designer

User Interface Designer

A User Interface Designer focuses on the visual elements of an application or website, ensuring that the interface is both aesthetically pleasing and functional. This course helps build a foundation in using Figma, a leading industry design tool, which is essential for creating user interfaces for web and mobile applications. By covering Figma's tools and features, including working with frames, shapes, the pen tool, masking, text, fonts, components, and constraints, this course readies you to design and prototype appealing interfaces, much like the Nike Shopping App project. You'll also learn how to create guidelines for iOS apps, further enhancing your interface design skills.

See salaries and explore the career path for User Interface Designer

User Experience Designer

A User Experience Designer enhances the overall experience a user has while interacting with a digital product. This course is tailored to help you master Figma, a key tool for UX designers in prototyping and designing user interfaces. The course focuses on the UI/UX design process, teaching you how to structure visual designs and prototype mobile apps. With an emphasis on creating an interactive mobile app and working with the latest animations in Figma, the skills you gain from this course would prove valuable in creating user-centered designs. The prototyping section and exercise of creating a Nike Shopping App is especially relevant.

See salaries and explore the career path for User Experience Designer

Interaction Designer

An Interaction Designer focuses on designing interactive elements and experiences within a user interface. This course provides a solid foundation in Figma, a leading tool for creating interactive prototypes for web and mobile applications. Also, you will gain exposure and skills in animation and prototyping. The course helps build a foundation in working with frames and linking them together to create a functional prototype. By learning how to prototype a mobile app and share it on the web, you'll develop the skills to produce effective and engaging interactions.

See salaries and explore the career path for Interaction Designer

Visual Designer

A Visual Designer focuses on the aesthetic aspects of a product, ensuring that the visual elements align with the brand and appeal to the target audience. This course provides a strong foundation in using Figma to create visually appealing designs. The course helps build a foundation in how to work with shapes, masking, text, and fonts, helping any designer create compelling visual designs. The course's focus on creating a Nike Shopping App also provides practical experience in applying visual design principles to a real-world project.

See salaries and explore the career path for Visual Designer

UI/UX Developer

A UI/UX Developer bridges the gap between design and development, implementing user interfaces and experiences based on design specifications. This course is valuable because it teaches you how to use Figma, a widely used design tool in the industry, to design and prototype user interfaces. The course helps build a foundation in Figma tools and features. By learning how to set up fonts, work with components and constraints, and create interactive prototypes, you will be better equipped to understand and implement design specifications effectively. The course's focus on mobile app design is also relevant, as mobile-first design is increasingly important.

See salaries and explore the career path for UI/UX Developer

Web Designer

A Web Designer is responsible for the visual layout, usability, and overall aesthetic of a website. While this course emphasizes mobile app design, the fundamental principles of UI/UX design and prototyping in Figma are directly transferable to web design. This course helps build a foundation in Figma's tools and features, including working with frames, shapes, the pen tool, masking, text, fonts, components, and constraints, all of which are essential for creating responsive and engaging websites. Also, you'll learn how to share your designs on the web, a key skill for any web designer.

See salaries and explore the career path for Web Designer

Usability Analyst

A Usability Analyst evaluates the ease of use and effectiveness of a product through user testing and analysis. This course may be useful in that it helps build a foundation in understanding UI/UX design principles and how to create user-friendly interfaces using Figma. You will also learn how to structure visual design. This insight into the design process helps any usability analyst identify potential usability issues and suggest improvements. The prototyping aspect of the course is also useful, as it allows you to create prototypes for testing.

See salaries and explore the career path for Usability Analyst

Design Strategist

A Design Strategist aligns design decisions with business goals, focusing on the overall user experience and strategic direction of a product. This course provides a practical understanding of Figma, a key tool for prototyping and visualizing design ideas. In this course, you will also learn how to share designs. The course’s emphasis on UI/UX design, prototyping, and mobile app creation gives you valuable insights into the design process. Through the course, you may be able to develop a deeper understanding of how design can be used to achieve specific business outcomes.

See salaries and explore the career path for Design Strategist

Design Consultant

A Design Consultant advises clients on design strategy and implementation, helping them improve their products and services through design. This course may be useful in that it provides a practical understanding of Figma and how you can use it to create user interfaces and prototypes. The course helps build familiarity with industry design tools. By learning how to use Figma, create mobile apps, and prototype interactive experiences, you gain practical experience that can inform your consulting work.

See salaries and explore the career path for Design Consultant

Design Educator

A Design Educator teaches design principles and tools to students or professionals. This course may be useful in that it provides a comprehensive introduction to Figma, a popular design tool. The course helps build a solid foundation in the fundamentals of Figma. By learning how to use Figma and create mobile app designs, you will be able to guide students through the design process. The course's hands-on approach, where you create a Nike Shopping App, helps you develop practical examples and exercises for your students.

See salaries and explore the career path for Design Educator

Elearning Content Creator

An eLearning Content Creator develops engaging and informative online courses and training materials. This course may be useful in that it provides a practical understanding of Figma. The course helps prepare anyone to create tutorials. By learning how to use Figma and create mobile app designs, you will be able to create content that teaches others how to use this. The course's hands-on experience in creating a Nike Shopping App gives you a valuable case study to incorporate into your eLearning content.

See salaries and explore the career path for Elearning Content Creator

Front-End Engineer

Front End Engineers are responsible for implementing visual elements and user interfaces of a website or web application. This course may be useful as it provides familiarity with Figma, a common program used for UI/UX design. A Front End Engineer may find it helpful to understand how to use Figma to design and prototype user interfaces. The course helps build a foundation in Figma and helps any engineer better understand the design process and collaborate with designers effectively.

See salaries and explore the career path for Front-End Engineer

Learn Figma For Absolute Beginners 2021

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

Solid figma basics and app project

Activities

Career center

Reading list

Share

Similar courses