Modern Skeuomorphic Buttons in Figma Tutorial

Today we will create the skeuomorphic button trend you see all the time on Twitter these days. These modern buttons are super fun and can easily level up any design. Learn about our Orange Crew community and help support the channel: https://www.patreon.com/noahshreve Tools I use: Webflow (affiliate link): https://webflow.grsm.io/noahshreve Typefully (affiliate link): https://typefully.com/?via=noah Figma: https://figma.com/ More links: Twitter/X: https://twitter.com/noahshreve Website: https://orangestudio.co Contact: [email protected] Chapters: Intro - 00:00 Making the base button - 00:20 Inner shadows are the key - 02:20 Styling the inner shadows - 02:40 Emulating real life lighting - 04:37 Finishing up the inner shadows - 05:00 Adding a drop shadow - 06:29 Changing colors is a breeze - 07:00 Building the click interaction - 07:36 Adjusting the inner shadows - 07:56 More real life lighting talk - 09:00 Adjusting the font - 09:14 Setting up the prototype - 09:40 Checking the interaction - 10:17