Figma Tutorial on Creating Draggable UI Elements - Drag and Drop Map Pin Explained!

preview_player
Показать описание
Dive into the world of interactive design with our latest Figma tutorial! In this comprehensive guide, we'll walk you through the process of creating draggable UI elements from scratch. From mastering the art of drag and drop functionality to designing dynamic map pins. Don't miss out – watch now and start creating stunning interactive interfaces with ease!
  1. Mindesigning
  2. design
  3. ux design
  4. technology
  5. #FigmaTutorial
  6. #UIUXDesign
Рекомендации по теме
The Only Drag 0:07:35

The Only Drag And Drop Figma Tutorial You Will Ever Need

Figma Tutorial: Smart 0:08:43

Figma Tutorial: Smart Animate and Drag Triggers

How to Make 0:04:59

How to Make a Figma Map Draggable and Zoomable

Make draggable element 0:06:54

Make draggable element in figma

How To Create 0:02:20

How To Create Drag and Drop Interaction On Figma

Create A Draggable 0:10:48

Create A Draggable Slide Up Action Card In Figma Using Auto Layout - Figma Tutorial

Creating an Animated 0:21:50

Creating an Animated “Drop Your Files Here” Interaction in Figma – Prototyping Tutorial

Advanced Drag and 0:17:52

Advanced Drag and Drop Interactions in Figma | Easy Figma Tutorial 2023

Figma tutorial: Interactive 0:08:45

Figma tutorial: Interactive components

The SIMPLEST Way 0:10:17

The SIMPLEST Way to Create an Interactive SLIDER in Figma (Tutorial)

How to Make 0:54:33

How to Make Drag and Drop In Figma #Prototyping

Reduce Prototypes by 0:05:41

Reduce Prototypes by 50% (Simple trick) | Figma Tutorial

Create a DROPDOWN 0:14:01

Create a DROPDOWN MENU in Figma (Tutorial)

Beginner Friendly On 0:06:03

Beginner Friendly On drag carousel Design in Figma | Figma Prototyping Tutorial

UI/UX Prototyping and 0:21:02

UI/UX Prototyping and Animation in Figma (Challenge)

Carousal Animation Figma 0:05:11

Carousal Animation Figma | Smart Animation Figma Tutorial | Drag Triggers

Figma Drag Card 0:04:26

Figma Drag Card Animation

SWIPEABLE EDGE (DRAWER) 0:19:33

SWIPEABLE EDGE (DRAWER) in Figma – Tutorial

Creating a dragging 0:03:28

Creating a dragging interaction in a Figma prototype

Learn Figma Auto 0:10:23

Learn Figma Auto Layout in 10 Minutes (Everything You Need To Know)

INTERACTIVE SLIDER Animation 0:05:32

INTERACTIVE SLIDER Animation In Figma | Figma Tutorial

Animated mesh gradient 0:00:59

Animated mesh gradient in Figma #shorts

Introducing Figma: A 0:31:38

Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

1 Minute Figma 0:00:42

1 Minute Figma Tutorial - (Advanced) Sticky Scrolling

Комментарии
Автор

Thank you so much, that was exactly what I was looking for. You safed a design students pre-diploma with this video!

guilttrip
Автор

Is possible do this with multiple elements?

dumpsterraccon
Автор

i have a problem because many object inside main frame, so after i change scroll in the pin frame, the main frame following the setting

fidibspgaming
Автор

What do you mean? this doesn't work at all. You can't just drag pic icon around inside the frame without assigning an on drag action.

Toodoi