Figma Simple Exercises

UIUX Projects to Try

What you'll learn

Design a Dynamic flipcard and

Embedding maps

Basics in Figma

Vertical and horizontal scroll

Remove background of an image

Hover Effects

Slide-up Card

Requirements

Little experience

Figma

Internet

Description

User interface design(UI) and user experience design(UX) is a very crucial parts of determining the final output of software, applications, or process. User interface design and user experience design(UI/UX) has lots of benefits since they have a greater impact on influencing how users might use or uninstall an app or the retention rate of an app or software and the like. Welcome to this course future designers, in this course, we will be learning to design Interfaces using Figma as the primary design tool. Figma makes it fun and easier to get your designs up to speed with positive outcomes especially when you use a creative approach to doing what you love doing best. In this lesson, you'll learn to use shapes(components) and tools to create stunning user interfaces. The main course projects includes several steps to learning to build or design interfaces and interactive components including dynamic flip cards, text hover effects, auto scrolling of text(marquee), a music player, slide-up card component and so much more. The course is for anybody who would like to get started with User interface design. This course is in collaboration with Jacqueline Asare Dartey a UI/UX expert in using Figma and Adobe XD.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Icon Design

Lecture 2 Icons

Lecture 3 Icon Design 2

Section 3: Scrolling

Lecture 4 Horizontal Scroll

Lecture 5 Vertical Scroll

Section 4: Image Background Remover

Lecture 6 Remove image background

Section 5: Embedding Maps

Lecture 7 Mapsicle Plugin

Section 6: Interesting UIUX Exercises

Lecture 8 Creating a Music Player

Lecture 9 Creating Dynamic Flipcard

Lecture 10 Create a Slide Up Card Hover Effects

Lecture 11 Creating an infinite scroll (Marquees)

Section 7: Hover Effects

Lecture 12 Create Impressive Text Hover Effects with Interactive Components

Lecture 13 Interactive Hover Effect

Section 8: Bonus

Lecture 14 Socials

Beginners and intermediates,uiux fanatics