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

免费12 节课1小时46分钟入门

Designverse 频道

2023年4月

2 天前核查

你将学到什么

  • 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

取自课程自身的章节,用作者自己的说法。

免费

这门课免费,发布在 YouTube 上。作者是该频道本人,我们只做整理,并确认视频能够打开。

开始学习

相关主题

本课程包含

  • 1小时46分钟 视频
  • 12 节课
  • 难度:入门
  • 语言:English
  • 记住你看到哪里
  • 完全免费,无需银行卡

课时

2 个部分 · 12 节课 · 1小时46分钟 总时长

需要什么

  • 无需基础:课程从零讲起。

课程介绍

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

适合谁

  • 从零开始学Figma的人。

这两项是我们根据课程难度得出的判断,课程介绍是作者本人写的。

Picked on Temu

Figma Prototype Tutorial 2025,Designverse 频道