Figma
Want to add a fun, interactive element to your mobile or web designs? In this beginner-level class, you'll learn how to design and animate a Day/Night toggle switch in Figma — completely from scratch and without using any plugins!
Perfect for UI/UX design beginners, this hands-on class shows you how to use simple shapes and smart prototyping techniques to create a beautiful, functional light/dark mode switch button. By the end, you’ll have a smooth animated toggle that switches between day and night modes — a great addition to your design portfolio or any app UI!
In this class, you’ll learn:
- How to design a day-night toggle switch using basic shapes in Figma
- Tips for layout, alignment, and design clarity in small components
- How to animate your toggle using Figma’s prototype settings
- Step-by-step guidance to switch between modes with smart interactions
- How to export or share your interactive prototype
Perfect for:
- Figma beginners and UI/UX design learners
- Designers looking to add micro-interactions to their projects
- Anyone wanting to learn light/dark mode toggle design
- Creatives who love polished, animated UI components
Tools Needed:
- A free Figma account
- No plugins or external tools — just Figma basics!
Figma toggle switch tutorial, Figma day night mode, Figma for beginners, light dark mode switch Figma, Figma UI animation, how to prototype in Figma, Figma micro-interaction, Figma animation for beginners, create toggle in Figma, day to night button design Figma.
Shivangi Dubey
No reviews yet. Be the first to review this course.
8 minutes
Ready to level up your UI design skills? In this beginner-friendly class, you'll learn how to design and animate a mobile app bottom navigation bar in Figma — from scratch to an interactive prototype! Whether you're just starting out in UI/UX design or want to explore Figma animation techniques, thi...
22 minutes
Want to design interactive learning experiences in Figma — without writing a single line of code? In this class, you’ll learn how to create a flippable flashcard game in Figma using simple component animation and smart prototyping techniques. Whether you're a beginner exploring interactive design or...
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
1 lesson, about 1 hour
A single session on it & networking, about 1 hour, published on YouTube by Jeremy's IT Lab. Watched here on the course page.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
1 lesson, about 1 hour
A single session, about 1 hour, published on YouTube by Code with Josh. Watched here on the course page.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
