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

Gratis12 lecciones1 h 46 minPrincipiante

canal Designverse

abril 2023

Comprobado hace 4 días

Lo que vas a aprender

  • 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

Tomado de las lecciones del propio curso, en palabras del autor.

Gratis

El curso es gratuito y está publicado en YouTube. Su autor sigue siendo el canal; nosotros solo lo ordenamos y comprobamos que los vídeos se abren.

Empezar el curso

Temas relacionados

Este curso incluye

  • 1 h 46 min de vídeo
  • 12 lecciones
  • Nivel: Principiante
  • Idioma: English
  • Recordamos dónde lo dejaste
  • Gratis por completo, sin tarjeta

Lecciones

2 secciones · 12 lecciones · 1 h 46 min duración total

Qué necesitas

  • Sin experiencia previa: el curso empieza desde cero.

Descripción

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

Para quién es este curso

  • Quien empieza con Figma desde cero.

Esos dos puntos son nuestra lectura del nivel. La descripción es del autor.

Picked on Temu

Figma Prototype Tutorial 2025, canal Designverse