Skip to main content
Solved

How to drag and drop an element across other elements around it?

  • May 2, 2025
  • 3 replies
  • 595 views
mononokexxx

https://streamable.com/u9bio3

 

I am trying to drag and drop this pie icon outside of the frame onto a canvas.

I know how to prototype simple drag and drop-but have never done it where the element is surrounded by other elements like this.

Any ideas on how to get it outside of the frame on to the canvas?

 

Thank you!

Best answer by mononokexxx

nvm i got it! I had it under the wrong layers

This topic has been closed for replies.

3 replies

mononokexxx
  • mononokexxx
  • Author
  • New Member
  • May 2, 2025

Some  important notes I forgot to include:

  • I made the draggable element on absolute positioning over the same element (detached instance)- so the pie chart icon doesn’t disappear after you drag it out of the frame- it essentially leaves behind a copy
mononokexxx
  • mononokexxx
  • Author
  • New Member
  • Answer
  • May 2, 2025

nvm i got it! I had it under the wrong layers

Wirkkarl
  • Wirkkarl
  • Active Member
  • May 2, 2025

https://streamable.com/u9bio3

 

I am trying to drag and drop this pie icon outside of the frame onto a canvas.

I know how to prototype simple drag and drop-but have never done it where the element is surrounded by other elements like this.

Any ideas on how to get it outside of the frame on to the canvas?

 

Thank you!

It looks like the issue might be related to constraints or frame nesting in Figma. If the pie icon is within a frame that has clipping enabled or constraints set to keep it inside, dragging it out won’t work as expected. Try selecting the icon layer and moving it outside of the current frame in the layer panel, or temporarily disabling "Clip content" on the parent frame. Once it's outside, you can place it freely on the canvas. Also, ensure it's not grouped or auto-layout constrained in a way that restricts free movement.

Terms & ConditionsAccessibility statement