Create a Circular Slider in Figma (Step-by-Step Tutorial)
1912 次观看 · 2025-05-31
UI 设计
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
🔧 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