Explore related topics
This course includes
- 1h 46m of video
- 12 lessons
- Level: Beginner
- Spoken in English
- Your place is remembered
- Free in full, no card
Lessons
2 sections · 12 lessons · 1h 46m total length
Lessons 1 to 1010 lessons · 1h 24m
- Interactive slider in Figma | Figma Prototype Tutorial- Part 29m
- Create loader animation in Figma | Figma Prototype | MrSid6m
- Animated text and slide transition in Figma | Figma Prototype Tutorial- Part 36m
- How to create toggle button in Figma | Figma prototype | MrSid8m
- How to create popup in Figma | Figma tutorial for beginners11m
- How to create horizontal scroll in Figma11m
- Social Share Button Animation | Figma Prototype Tutorial9m
- Circle Text Rotation Animation in Figma | MrSid8m
- Create interactive Dropdown menu in Figma9m
- Menu hover animation in Figma | Figma Prototype Tutorial8m
Lessons 11 to 122 lessons · 23m
What you need
- No prior experience: this course starts from zero.
Description
Hey Everyone 👋🏼, In this video tutorial, we will learn how to design an interactive slider in Figma and will use the same to change the radius of square using. In many cases you may need to add this feature to your UI design project. First, we will create a square with border radius zero. And then create a slider using rectangle and a circle. Which will be used to modify the border radius of the square. Next, we will use Figma's prototype tool to add interactivity to the slider. We will create a new frame, duplicate our slider component, and set up different states for the thumb and track. Do you want to learn Figma? Let me know in the comments. Thanks for watching 💙 Let's connect on Instagram 👇🏼 www.instagram.com/mrsidverse/ Music: bensound.com License code: MRFFNUOKKKZFLZAX
Who this course is for
- Anyone starting Figma from nothing.
Those two are our reading of the course's level. The description is the author's own.