Creating Accent Buttons & Social Logins in Figma | Design Systems Tutorial

In this video, we take our login UI to the next level by designing a bold accent button, refining our layout with Auto Layout, and adding social login options. You’ll also learn how to expand your color token system for hover states and use naming conventions that keep your system clean and scalable. For info see http://monospace.studio 🔹 What You’ll Learn: ✅ How to build an accent-colored button variant ✅ Adding a new hover state with tokenized colors ✅ Managing component states and properties in Figma ✅ Creating and styling social login buttons (Google, GitHub) ✅ Improving structure with Auto Layout and spacing tokens This is a practical, end-to-end episode perfect for designers building real-world apps with a professional design system in Figma. 🔥 Like, subscribe, and hit the bell 🔔 to follow the full Figma Design Systems course. #Figma #DesignSystems #UXDesign #UIComponents #SocialLogin #Buttons #FigmaTutorial #ProductDesign