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

Za darmo12 lekcji1 godz. 46 minPoczątkujący

kanał Designverse

kwietnia 2023

Sprawdzone dzisiaj

Czego się nauczysz

  • 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

Z lekcji samego kursu, słowami autora.

Za darmo

Kurs jest darmowy i opublikowany na YouTube. Jego autorem pozostaje kanał, my tylko go układamy i sprawdzamy, czy filmy się otwierają.

Zacznij kurs

Powiązane tematy

Kurs zawiera

  • 1 godz. 46 min wideo
  • 12 lekcji
  • Poziom: Początkujący
  • Język: English
  • Pamiętamy, gdzie skończyłeś
  • W całości za darmo, bez karty

Lekcje

2 sekcji · 12 lekcji · 1 godz. 46 min łączna długość

Czego potrzebujesz

  • Bez wcześniejszego doświadczenia: kurs zaczyna od zera.

Opis

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

Dla kogo jest ten kurs

  • Dla zaczynających Figma od zera.

Te dwa punkty to nasz wniosek z poziomu kursu. Opis należy do autora.

Picked on Temu

Figma Prototype Tutorial 2025, kanał Designverse