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

Gratuit12 leçons1 h 46 minDébutant

chaîne Designverse

avril 2023

Vérifié aujourd'hui

Ce que vous allez apprendre

  • 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

Tiré des leçons du cours, dans les mots de l'auteur.

Gratuit

Ce cours est gratuit et publié sur YouTube. La chaîne en reste l'auteur, nous ne faisons que le classer et vérifier que les vidéos s'ouvrent.

Commencer le cours

Sujets liés

Ce cours comprend

  • 1 h 46 min de vidéo
  • 12 leçons
  • Niveau : Débutant
  • Langue : English
  • On retient où vous en étiez
  • Entièrement gratuit, sans carte

Leçons

2 sections · 12 leçons · 1 h 46 min durée totale

Ce qu'il vous faut

  • Aucune expérience requise : le cours part de zéro.

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

À qui s'adresse ce cours

  • Celles et ceux qui débutent en Figma.

Ces deux points sont notre lecture du niveau. La description est celle de l'auteur.

Picked on Temu

Figma Prototype Tutorial 2025, chaîne Designverse