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

Kostenlos12 Lektionen1 Std. 46 Min.Anfänger

Kanal Designverse

April 2023

Heute geprüft

Was du lernst

  • 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

Aus den Lektionen des Kurses selbst, in den Worten des Autors.

Kostenlos

Der Kurs ist kostenlos und auf YouTube veröffentlicht. Der Kanal bleibt sein Autor, wir sortieren ihn nur und prüfen, dass die Videos abspielen.

Kurs starten

Verwandte Themen

Der Kurs enthält

  • 1 Std. 46 Min. Video
  • 12 Lektionen
  • Niveau: Anfänger
  • Sprache: English
  • Wir merken uns, wo du warst
  • Komplett kostenlos, ohne Karte

Lektionen

2 Abschnitte · 12 Lektionen · 1 Std. 46 Min. Gesamtlänge

Was du brauchst

  • Keine Vorkenntnisse: der Kurs fängt bei null an.

Beschreibung

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

Für wen dieser Kurs ist

  • Alle, die mit Figma bei null anfangen.

Diese beiden Punkte sind unsere Einschätzung aus dem Niveau. Die Beschreibung stammt vom Autor.

Picked on Temu

Figma Prototype Tutorial 2025, Kanal Designverse