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

Grátis12 aulas1 h 46 minIniciante

canal Designverse

abril 2023

Verificado há 4 dias

O que vais 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

Retirado das lições do próprio curso, nas palavras do autor.

Grátis

O curso é gratuito e está publicado no YouTube. O autor continua sendo o canal; a gente só organiza e confere se os vídeos abrem.

Começar o curso

Temas relacionados

Este curso inclui

  • 1 h 46 min de vídeo
  • 12 lições
  • Nível: Iniciante
  • Idioma: English
  • Guardamos onde ficaste
  • Totalmente grátis, sem cartão

Aulas

2 secções · 12 aulas · 1 h 46 min duração total

O que precisas

  • Sem experiência prévia: o curso começa do zero.

Descrição

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 quem é este curso

  • Quem começa Figma do zero.

Estes dois pontos são a nossa leitura do nível. A descrição é do autor.

Picked on Temu

Figma Prototype Tutorial 2025, canal Designverse