Back to Browse

Create a Circular Slider in Figma (Step-by-Step Tutorial)

1.4K views
May 31, 2025
26:50

Want to create a fun, interactive pizza slider in Figma? 🍕 In this step-by-step tutorial, I’ll walk you through how to build a circular pizza selector using assets from Freepik, handy Figma plugins like Photopea and Bender, and some neat UI tricks. We’ll clean up images, design a smooth slider, animate it, and add delicious details like ingredients and curved labels. Perfect for UI/UX designers looking to add personality to their projects! 🔧 Tools Used: • Figma (Desktop) • Freepik: https://www.freepik.com/ • Photopea Plugin: https://www.figma.com/community/plugin/1164118094004004837/photopea • Bender Plugin: https://www.figma.com/community/plugin/1464228451812548879/bender-bend-your-text-into-an-arc • Iconify Plugin: https://www.figma.com/community/plugin/735098390272716381/iconify • ChatGPT (for text generation) 💬 Got questions or ideas for future tutorials? Drop a comment below! 👍 Like, Subscribe & Hit the bell for more fun Figma content. #figmatutorial #figmauidesign #figmaslider #figmaanimation #figmainteractivedesign #figmaplugins #figmasmartanimate #photopeafigmaplugin #benderpluginfigma #figmafreepik #uidesigntutorial #circularsliderfigma #figmaprototype #figmafoodappdesign #figmasliderdesign #figmabeginnertutorial #figmaadvancedtutorial #uxdesignfigma #designwithfigma #figmaprojectidea #slider #circularslider #sliderinfigma Music from #Uppbeat (free for Creators!): https://uppbeat.io/t/kevin-macleod/airport-lounge License code: XWSFKGHEJBYMQNAT

Download

0 formats

No download links available.

Create a Circular Slider in Figma (Step-by-Step Tutorial) | NatokHD