Skip to main content
Solved

Am not able to add a floating fab icon on the app I made following Figma for beginners video

  • July 23, 2023
  • 2 replies
  • 567 views

Wanted to add a floating Icon on this page. Because of the auto layout the icon gets shifted to the left side of the page. Want to position this on right bottom corner. Can someone help?

Best answer by AlicePackard

Hey @Ramya1, it sounds like applying absolute positioning to the icon might help solve this problem! Here’s an example GIF from Figma’s documentation:


If you’re also creating a prototype, you’ll also want to be sure to set the icon layer to “fixed” so you get the following effect:

This topic has been closed for replies.

2 replies

AlicePackard
  • Active Member
  • 194 replies
  • Answer
  • July 23, 2023

Hey @Ramya1, it sounds like applying absolute positioning to the icon might help solve this problem! Here’s an example GIF from Figma’s documentation:


If you’re also creating a prototype, you’ll also want to be sure to set the icon layer to “fixed” so you get the following effect:


  • Author
  • 1 reply
  • July 24, 2023

Hey Alice, thanks a ton for the quick resolution. Absolute positioning worked.