When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Figma Master Class: Design & Prototype your First Mobile App Idea
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Related Courses
This Course Includes
skillshare
0 (0 reviews )
8 hours 15 mintues 
english
Online - Self Paced
course
SkillShare
About Figma Master Class: Design & Prototype your First Mobile App Idea
Intro to Figma Master Class
Download and Install Figma on Win and Mac
New Figma Interface 2022
Different Panels and what they do in Figma
Using Frames and Artboards
Figma UI Design Tools
Type tool in Figma
Using Pen tool to make shapes
Place Image tool Update
Hand, Comment Pencil Tool
Fill Colors and using Gradients in Figma
Project ► Gradient Buttons
Using Masks in Figma
Project ► Masking Images your Introduction
Creating reusable Styles
Effects panel in Figma App
Project ► Using Layer Effects
Components in Figma
Using Constraints with Components
Common shortcuts part 1 - Figma
Common Keyboard Shortcuts part 2
Collaborating with Designers in Figma
Working With Team Libraries
Community Tab in Figma - New Feature
Using Grids and Guides
New Figma Auto Layout 101
Using Group vs Frames
Exporting Assets and Images
05 Variants in Figma Simple
06 Figma Variants Advanced
Prototyping basics linking & overlays
Project ► Basics of Prototyping
Swap with Overlay & Time Delays
On Drag Interaction + Horizontal vertical scroll
Hover transitions in Prototyping using Figma
Project ► On Drag and Scroll
Figma Mirror App - Preview on actual Device
Creating Wireframes & inspiration study
Grid Guides plan before designing
Design User Interface of Login Screen
Home Screen - Recipe Mobile App Design
Home Screen - Recipe Mobile App Design 2
Home Screen - Recipe Mobile App Design 3
Home Screen SALADS - Recipe IOS App Design
Healthy Recipes Screen - Recipe Mobile App Design
Prototyping Sliding Navigation in Figma
Search Filters Recipe App Design
Prototyping Search filter selection animation
Designing & Prototyping Search Results
Recipe Ingredients Screen Design
Recipe Screen Prototyping
Review Pop up Overlay transitions
Project ► Design 6 Screens App
Thanks and What's Next
What You Will Learn?
- Figma is one of the most powerful UI and UX Design tool that can run in a Browser. Figma’s power is hidden in its being cross-platform and Collaboration with other Designers and Developers. It works seamlessly on Windows and Mac Operating Systems with a Desktop Application. In recent times, it is one of the most powerful and popular User Interface Design App due to being a Cloud based App.
- This class will teach you all about User Interface Designing and also adding interactivity to your Designs with powerful prototyping features of Figma. First, we will learn about the basic tools, common keyboard shortcuts and familiarizing ourselves with the Figma’s interface..
- Once you have solid basics, we will move on to Auto Layout, Responsive design and few advance things like viewing your Prototype live on an actual Mobile Device. I will show you everything step by step..
- We will design together the User Interface and then the prototype of a “Recipe App called YUMMS” from the scratch and make it into a pro level design by multiplying Artboards, using reusable Styles and Components..
- If you are Beginner in UI UX Design or a seasoned UI/UX Designer trying to switch from Sketch or Adobe XD, please join me in this learning experience..