Image slider in Figma

In this tutorial, I will show how to create an interactive image slider (also known as carousel) in Figma. You will learn how to scale images to fit into content container and learn Figma prototyping basics
#figmatutorial #figmaprototype #figma #figmatips

[@dontugedit]

super easy made! thanks Nick, keep them coming 🙌

[@carlo0na460]

Incredible tutorial. But I want to add it to a frame. I tried inserting the default one to the frame and when I present, then click on the buttons, i can interact with the images but not with the rest of the frame, it dissapears. I have to restart it

[@hildevenhuizen9433]

How do you add the slider to a page/frame? If I drag the default variant on my page and present the prototype, the page dissapears when clicking the arrows.

[@babichnick]

Hello, you should drag the component of the slider. In Assets tab (left panel) you will see Local Components. Click on it and you will see your component Slider. Drag and drop this component to the frame where you want to use it.