Web Design » Figma » How Do I Change My Click Color in Figma?

How Do I Change My Click Color in Figma?

Last updated on May 1, 2023 @ 2:05 pm

Assuming you would like to change the color of clicks in Figma, there are a few steps to do this.

The first step is to open your design in Figma.

Then, create a copy of your frame with the button that you want to change the color when clicked. You can do this by simply selecting the frame and using the keyboard shortcuts “Ctrl+C” to copy and “Ctrl+V” to paste in on the same canvas.

From there, select the button and go into the Design panel then scroll down to the Fill section.

Click on the Fill section’s color box and this will open the Color Picker window. From there, you can change the color of clicks to any color you want.

NOTE: You can also change the color of the text to match it with the button’s new color.

Once done, go to the Prototype tab to add some interactions to your design.

PRO TIP: If you are not careful, changing your click color in Figma can result in losing your work. Make sure to save your work before changing your click color, and be sure to follow the instructions carefully.

Connect your original frame to the second frame by clicking on the plus icon in the first frame and dragging it to the copy frame.

In the Interaction details window that will appear, select the “While hovering” type of action. This will create an animation that changes the color of your button as your hover over the button and click on it.

Once done, click on the “Present” button at the upper-right corner of the Figma interface to see a preview of your design.

And there you have it! You can now change the click color of your design in Figma!

Changing the clicked color in Figma is a simple process that only takes a few seconds so try it out on your next design project!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.