Make draggable element in figma

Поділитися
Вставка
  • Опубліковано 30 кві 2022
  • A simple trick to add an illusion of dragging an element in figma

КОМЕНТАРІ • 23

  • @tonyK_72
    @tonyK_72 8 місяців тому +2

    You lovely, lovely, clever man! You just saved my skin.

  • @poojao2074
    @poojao2074 9 днів тому +1

    Great! just what I was looking for!

  • @rizawizaa
    @rizawizaa 2 місяці тому

    Ohmygod I've just spent hours trying to do this and you solved it in 7 minutes. Bless you

  • @TaroonTyagi
    @TaroonTyagi 2 роки тому +2

    Love this. Thank you for sharing these smart tricks 🙏

  • @inigozepeda7954
    @inigozepeda7954 9 місяців тому

    Just what I was looking for. Thanks for this tutorial!

  • @UrbanAstray
    @UrbanAstray Рік тому +14

    How can this software not have support for drag-and-drop? It's supposed to be a prototyping tool, so for the most basic interaction on mobile to be missing is strange

  • @guilhermeanjos4598
    @guilhermeanjos4598 4 місяці тому

    Thank you so much for this! Thanks to it I managed to translate a concept idea :D
    Subscribed :D

  • @HamzaAsghar786
    @HamzaAsghar786 Рік тому

    Searched the whole internet but couldn't find anything like this. THANKYOU

  • @tomdesigner
    @tomdesigner 2 місяці тому

    Thank You! It is really helpfull trick :)

  • @AlexanderMorseDesigner
    @AlexanderMorseDesigner Рік тому +1

    Very good. Thank you

  • @flaviaazvdo9333
    @flaviaazvdo9333 Рік тому

    you are a genius

  • @panneerpselvam
    @panneerpselvam 2 роки тому +1

    Good trick .. Thanks Rishi

  • @Fabian-fk8qs
    @Fabian-fk8qs 9 місяців тому

    Exactly what I searched for, perfect! :) Thanks!. Are there any new insights with the new variables etc.? E.g. can I do sth. like a kanban (so with specific points where you can drop it?)

    • @rishikumar3144
      @rishikumar3144  8 місяців тому

      I haven't tried it yet, sounds interesting..will give it a try. thanks

  • @bobolson3180
    @bobolson3180 Рік тому +2

    This works great, however it's unfortunately impossible to include more than one draggable component. I tried, but the draggable area from the first component prevents any additional components from being draggable. Making a 'hole' in the draggable frame didn't work, either. I wish they would fix this!

    • @rishikumar3144
      @rishikumar3144  Рік тому +1

      Yup. That’s true. This is just a way around and pushing figma’s limits :D

  • @Themindlessidiot
    @Themindlessidiot 2 роки тому +1

    Nice 👍🏻

  • @pannikomuves484
    @pannikomuves484 8 місяців тому

    Great work thanks! Is there any way I can make a component which I can drag and drop, and also click on it? I am trying to do it, but because of the mouse down-mouse up interactions, doesn't let me actually have an another interaction, for example a click.
    Thanks!

    • @rishikumar3144
      @rishikumar3144  7 місяців тому

      I am afraid not. That’s the limitation of the product

  • @RicM2K10
    @RicM2K10 7 місяців тому

    my question if i have a target location for that draggable element, what would i do to make it come back to it's original position if it don't hit the target location?

    • @rishikumar3144
      @rishikumar3144  7 місяців тому

      I haven’t tried this scenario. I guess there could a possibility to do so using variables. I’ll give it a try sometime

  • @muhammadArfanYuliadi
    @muhammadArfanYuliadi Рік тому

    how to make multiple draggable element in one page, sir?

    • @rishikumar3144
      @rishikumar3144  Рік тому

      I am afraid that’s not possible. Since figma has its limitation. This tutorial is also just a work around 😅