Create simple Tiktok/ Insta Reel "swipe up" interaction in Figma

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ
HTML-ΠΊΠΎΠ΄
  • ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ: 11 ноя 2024
  • πŸ”— Source file for this tutorial: yakash91.gumro...
    πŸ‘‰ Follow me on my socials for more:
    / ui.kash
    / akashy
    dribbble.com/a...
    πŸ‘‰ My RUclips setup gear:
    Canon M50: amzn.to/2Xv6LP3
    Tripod: amzn.to/30xluel
    Boya shotgun mic: amzn.to/2XuZOxc

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ • 29

  • @MrKrasimiryuriev
    @MrKrasimiryuriev 6 мСсяцСв Π½Π°Π·Π°Π΄ +1

    @Akash Yadav - great guide. I bought the package and I love it. Only probme is that when I put videos instead of Gif the audio gets echoed. I guess the video starts autoplaying on all sets and the audio therefore sounds like echo getting repeated like 100 times. Is there a fix for this? Thanks

  • @johnlee6155
    @johnlee6155 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄ +2

    Can you please share with us the UI: like share comment, etc.? thanks. Great tutorial!

  • @WeeklyHorseWorks
    @WeeklyHorseWorks Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Thank you, Akash, you saved my work

  • @nourhanali1331
    @nourhanali1331 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    I tried this and it was awesome thank you for sharing 😍

  • @larrytadafe398
    @larrytadafe398 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    I tried doing a swipe left and right using the same idea. Nice one

  • @manulpamuerte544
    @manulpamuerte544 2 мСсяца Π½Π°Π·Π°Π΄

    Great content!!! Very useful!! πŸ‘πŸ‘πŸ‘

  • @DharaGuptaa
    @DharaGuptaa 7 мСсяцСв Π½Π°Π·Π°Π΄

    can you do a tutorial on both horizontal & vertical scroll interaction in the same app.....

  • @sinhkhya
    @sinhkhya 6 мСсяцСв Π½Π°Π·Π°Π΄

    Brilliant Sir,thank you ❀

  • @emilianofilm
    @emilianofilm Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Great video man!

  • @AnthooFitz
    @AnthooFitz 4 мСсяца Π½Π°Π·Π°Π΄

    Amazing thanks :)

  • @ITSDAVRAZ
    @ITSDAVRAZ Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Thank you for sharing.

  • @MoAliSensei
    @MoAliSensei Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Great Tutorial Thanks

  • @Rita_Johanna
    @Rita_Johanna 11 мСсяцСв Π½Π°Π·Π°Π΄

    thank you!

  • @Micr0Inova
    @Micr0Inova Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    I love u!! thanks from MΓ©xico =D

  • @adirocksforu
    @adirocksforu Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄ +1

    Where can we get a free gif?

  • @duclaph3671fplhn
    @duclaph3671fplhn Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    thank you

  • @johnlee6155
    @johnlee6155 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Do you know why my videos are being removed? I am on the paid version. A message at the bottom pops out saying "an invalid video was removed"

    • @AkashYadavUX
      @AkashYadavUX  Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

      This could happen due to multiple reasons,
      1. could be that the uploaded format is no longer supported by the Figma (it currently supports MP4 Only).
      2. Could be due to the file size of video, if it's too big for Figma to handle and process it will remove the video.
      3. Did you lapse your subscription in between? For example you had Figma's paid plan and you added videos and then you defaulted the plan and re started again later. This could also lead Figma to remove your videos during the defaulted time.

  • @akakarkimanoj
    @akakarkimanoj Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Scroll Vertical option Is available to do this simple prototype.

    • @anupraj9698
      @anupraj9698 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄ +2

      Yes! But if you use vertical scrolling. Wherever you scroll the reel. it won't stop at the exact position as it supposed to be. Give it a try you'll understand.

    • @akakarkimanoj
      @akakarkimanoj Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

      @@anupraj9698 Got It

  • @timhoffmann7509
    @timhoffmann7509 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Hi, nice video:) i linked the interaction like you but i only can scroll down, any idea why?

  • @bny466
    @bny466 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Sound of all video are running simultaneously . how to fix it

    • @omarmahariq
      @omarmahariq Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄ +1

      Make sure that only the video that is visible in the frame is set to autoplay.

  • @user32352
    @user32352 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    how about having a static tab bar?

    • @AkashYadavUX
      @AkashYadavUX  Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄ +1

      You could easily do that. add a tab bar in all state above the scroll window and don't move it in any artboard.

  • @4988raja
    @4988raja Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    ❀

  • @tanzirhasan5035
    @tanzirhasan5035 Π“ΠΎΠ΄ Π½Π°Π·Π°Π΄

    Pretty Well πŸ”₯πŸ₯°