Member-only story

How to make complex interactive buttons in Figma in 3 steps

Uncovering some “Hacks” to take your Figma prototyping to the next level.

Mike Gorrell
UX Collective
8 min readJan 7, 2021

--

Pro tip: Can’t read this article and want to become a Medium member? Sign up here to become a member.

This is a follow up to my previous Figma tutorial on creating Simple Interactive Buttons. If you haven’t read that yet, check it out! In it, you’ll learn how to create the simple interactive button below:

Part 1 of the tutorial

Now that you’ve got the basics down, let’s dig into how to make some more complex interactive buttons in Figma! A lot of the steps are the same, but let’s take things to the next level to make a few of the buttons below:

First of all, why are prototypes important?

To plagiarize myself…

Walking through a prototype makes your design solutions feel real, and communicates so much more to your clients or stakeholders than a static design…

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

--

--

Published in UX Collective

We believe designers are thinkers as much as they are makers. Curated stories on UX, Visual & Product Design. https://linktr.ee/uxc

Written by Mike Gorrell

Senior Product Designer. Junior at a lot of other things.

Responses (4)

What are your thoughts?