How To Drag And Drop In Figma

Figma is an excellent tool that has greatly revolutionized the world of UI/UX design. With its smooth functionality, user-friendly interface, and collaborative capabilities, it has become a top choice for designers. In this article, we will explore one of its fundamental yet impactful features – the drag and drop technique.

What is Drag and Drop in Figma?

The drag and drop feature in Figma allows you to easily move objects or elements from one location to another. This can involve moving elements within a single canvas or between different frames or files.

How to Drag and Drop in Figma?

Using the drag and drop feature in Figma is wonderfully straightforward. Here’s how you can do it.

1. Selecting an Element

Select the element you want to move. You can simply click on the element, or you can use Ctrl + Click (Windows) or Command + Click (Mac) to select multiple elements.

2. Dragging an Element

Once the element is selected, hold down the left mouse button and drag it to the desired location. While dragging, Figma will display guidelines to help you align the element with other objects.

3. Dropping an Element

To place the element, just release the mouse button. This is known as ‘dropping’.

4. Moving Between Frames

If you want to move an element to a different frame, just drag the element to the intended frame, and drop it. Figma will automatically adjust the layer hierarchy.


The drag and drop functionality is a basic but essential feature in Figma, saving you time and adding fluidity to the design process. So, master this technique and let your creativity flow without interruption. Happy designing!