Creating Light/Dark Mode Toggles in Figma: A Step-by-Step Guide
Renamed Panel in UI3 Figma Design
Most tutorials showing how to create light/dark mode toggles in Figma tell you to go to the Layer section in the Design panel. However, that panel was renamed in the latest UI3 Figma design.
A New Way to Accomplish the Same Thing
You can go to Appearance -> Apply variable mode (it’s the first icon) to accomplish the same thing now:
Screenshot of the Figma Design Panel
Conclusion
In conclusion, creating light/dark mode toggles in Figma has changed with the latest UI3 design. Instead of going to the Layer section, you can now find the option in Appearance -> Apply variable mode. This change may take some getting used to, but it’s an important update to keep in mind for any Figma users.
FAQs
Q: What is the new location of the light/dark mode toggle option in Figma?
A: The new location is Appearance -> Apply variable mode.
Q: Why was the Layer section renamed in the latest UI3 Figma design?
A: The exact reason for the rename is not specified, but it’s likely to improve the overall user experience and organization of the Figma interface.
Q: Will this change affect my existing Figma projects?
A: No, this change only affects the location of the option in the Figma interface. Your existing projects will not be affected.
