Create a smart animation for the first screen in Figma
In this video, I'll show you how to create and customize a smart animation for the first screen in Figma. During the design process, I'll show you how to set up a gradient, use Auto Layout, and remove the image background without switching to Photoshop. I'll be using the following plugins to create this prototype: Unsplash, Remove BG, and Iconify.
🔥Figma Graphics Course🔥 - More information here 👉https://designhubcourse.online
Figma is the most popular software for web design and interface creation. It is rightfully considered one of the most important tools among web and UX/UI designers worldwide. I've put my four years of experience into this course so you can avoid many mistakes and get started quickly and easily in Figma.
✔️The course format is video recordings of lessons.
✔️Access to the course has no time limit.
✔️You will also have access to course updates and materials added in the future.
❗️If you have any questions, I'm always open to discussion 😉
Timecodes:
00:00 - What will be the result by the end of the video and what we'll do
00:27 - What you'll need to create this design
01:34 - Starting to create the first screen: a background with a gradient
03:34 - How to remove an image background in Figma using the Remove BG plugin
05:36 - Creating a menu
08:10 - Preparing the text
10:26 - Adding a button
12:19 - Creating a copy of the first screen and changing the design
13:09 - Setting up animation
Join our Telegram channel for useful tips:
🔷 Telegram channel - http://surl.li/edsltz
#uxdesign #landingpage #figma