
Jump into Figma fundamentals, learn to design and prototype a Nike shopping app with the latest principles and aesthetics, and learn to share your work with teammates.
Sign up for Figma by entering your email and password or signing in with Google, then choose from plans, including the starter, and set up your account for team collaboration.
Set up your first Figma file by creating a new file, renaming the project and file, and creating a frame, then select the iPhone 11 pro max frame.
Learn to work with shapes in Fatemah: draw rectangles with corner radius, apply hex or rgb colors with adjustable opacity, and use stroke, polygons, stars, and pie charts.
Apply basic UI design in Figma by duplicating the login screen to create a reset screen, updating labels for new password, confirm password, email, and centering the reset button.
Design a cart screen in figma by duplicating screens, creating white card rectangles, adding product images and text, configuring spacing, borders, a dashed divider, and a continue to checkout button.
Build a favourites screen in Figma by duplicating screens, renaming layers, setting a white frame at 30% opacity, and aligning elements to the tab focus to finalize the screen.
Learn how to create an add card screen in Figma for absolute beginners, including renaming placeholders, adjusting margins, setting inactive field colors, adding a checkmark icon, and an apply button.
Design the my address screen in Figma by adding a map with an icon, three input rectangles for address, unit, and postal code, and a save button.
Link frames in the prototype view to create a real-world app flow with timed transitions and dissolve animations, then share the linked prototype with teammates or stakeholders via a link.
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.