Figma Prototype Tutorial 2025

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

Անվճար12 դաս1 ժ 46 րՍկսնակ

Designverse ալիք

ապրիլի 2023

Ստուգված է 4 օր առաջ

Ինչ կսովորես

  • Interactive slider in Figma
  • Animated text and slide transition in Figma
  • How to create toggle button in Figma · MrSid
  • How to create horizontal scroll in Figma
  • Social Share Button Animation
  • Create interactive Dropdown menu in Figma
  • Menu hover animation in Figma
  • Mobile menu animation in Figma

Դասընթացի սեփական դասերից, հեղինակի բառերով:

Անվճար

Դասընթացն անվճար է և հրապարակված է YouTube-ում։ Հեղինակը ալիքն է, մենք միայն դասավորում ենք և ստուգում, որ տեսանյութերը բացվեն։

Սկսել դասընթացը

Հարակից թեմաներ

Դասընթացը ներառում է

  • 1 ժ 46 ր տեսանյութ
  • 12 դաս
  • Մակարդակ՝ Սկսնակ
  • Լեզուն՝ English
  • Հիշում ենք, որտեղ կանգ առար
  • Ամբողջովին անվճար, առանց քարտի

Դասեր

2 բաժին · 12 դաս · 1 ժ 46 ր ընդհանուր տևողությունը

Ինչ է պետք

  • Նախնական գիտելիք պետք չէ. դասընթացը սկսվում է զրոյից:

Նկարագրություն

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

Ում համար է դասընթացը

  • Նրանց, ովքեր Figma սկսում են զրոյից:

Այս երկուսը մեր եզրակացությունն են դասընթացի մակարդակից: Նկարագրությունը հեղինակինն է:

Picked on Temu

Figma Prototype Tutorial 2025, Designverse ալիք