Video in Figma - Creating Interactive Video Prototypes - Tutorial

Тәжірибелік нұсқаулар және стиль

bit.ly/3CXApkU 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to show you a very long requested feature that Figma has finally integrated: video! You can now integrate video into your prototypes. I will show you a cool way to make them interactive with interactive components, smart animate & more..
0:00 - Introduction
1:43 - Getting Started
2:17 - Free Video with Pexels
3:00 - Importing the Video
4:00 - Creating a Video Card
5:18 - Interactive Component Creation
6:31 - Prototyping
8:20 - Tweaks
9:00 - Final Result
9:15 - Conclusion
Let's get started!
#figma #video #uidesign
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 90

  • @DesignCourse
    @DesignCourse Жыл бұрын

    Alrighty everyone. It's been a few weeks since Adobe announced their purchase of Figma. Who has stayed, and who has abandoned ship? 👇

  • @fortunekanu5604

    @fortunekanu5604

    Жыл бұрын

    figma team are balling rn.

  • @javiersistemas

    @javiersistemas

    Жыл бұрын

    Those are Definitely, bad news imo 😔

  • @lian3400

    @lian3400

    Жыл бұрын

    But didn't they have already Adobe XD?

  • @javiersistemas

    @javiersistemas

    Жыл бұрын

    @@lian3400 Yes, sir. They're greedy 🤬🙏

  • @DesignCourse

    @DesignCourse

    Жыл бұрын

    @@javiersistemas I'd just say smart. XD was clearly beaten in terms of user adoption. Buy them, close down XD, and now you own the #1 most used UI design software. Now, it's their prerogative not to screw it up.

  • @CabbageYe
    @CabbageYe Жыл бұрын

    I picked up your responsive css course and I'm very pleased with it so far. Good job Gary.

  • @lorrieuiux5802
    @lorrieuiux5802 Жыл бұрын

    PERFECT! Just what I needed. Also I didn't even know that you could drag and drop media into the fill window. 😅

  • @ciarlana2787
    @ciarlana2787 Жыл бұрын

    omg you are reading my mind!! i was waiting for a video like that

  • @southlondonreseller389
    @southlondonreseller389 Жыл бұрын

    Beautiful mane, great video

  • @azhanfahad8757
    @azhanfahad8757 Жыл бұрын

    Finally!!! Thank you mate

  • @TheHartProductions
    @TheHartProductions Жыл бұрын

    Very good demo. I like it!

  • @drakZes
    @drakZes Жыл бұрын

    Well done dude. Very cool video.

  • @mondayhappiness9030
    @mondayhappiness9030 Жыл бұрын

    Amazing video 👏🏻👏🏻

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cjАй бұрын

    Thank you so much

  • @techyqueen
    @techyqueen Жыл бұрын

    Amazing 👏👏👏👏👏

  • @tethron.
    @tethron. Жыл бұрын

    Love that!

  • @favorhere
    @favorhere Жыл бұрын

    NOICE! Thank you

  • @waikit828
    @waikit828 Жыл бұрын

    Awesome! I no longer import those low quality gif as video 😂

  • @abdulrafay9660
    @abdulrafay9660 Жыл бұрын

    You studio us awesome, make a studio tour video.

  • @nonvera
    @nonvera11 ай бұрын

    I may have missed it, but you need to have upgrade to the professional version if you want to have video?

  • @SisiBisi-zh1cj
    @SisiBisi-zh1cjАй бұрын

    Nice

  • @arshad1781
    @arshad1781 Жыл бұрын

    Thanks

  • @arifuxr
    @arifuxr Жыл бұрын

    Just awesome I am looking forward for this thank you #Gary

  • @adevikthur
    @adevikthur8 ай бұрын

    Just seeing this a year after. I'm trying it out 🤩

  • @sakshibadlani2637
    @sakshibadlani2637 Жыл бұрын

    How to export animations or prototypes like these files in video or gif format

  • @user-rq7qg8rd6w
    @user-rq7qg8rd6w Жыл бұрын

    do you have to update figma or buy the service video is not enabled in my account/fill window😤

  • @peterdelaney1946
    @peterdelaney1946Ай бұрын

    Wow. An impressive head of hair

  • @ruthieprayitno1569
    @ruthieprayitno1569 Жыл бұрын

    do you know the limit for the file sizes on the video?

  • @C98600
    @C98600 Жыл бұрын

    Does it only work on the pro version?

  • @santhisubha6910
    @santhisubha6910 Жыл бұрын

    Hi, I am looking for tutoring on data driven map designing in figma (like climatechange map over a period of time).is it possible to do this in Figma? Thanks.

  • @MrJay4491

    @MrJay4491

    Жыл бұрын

    Hi did you find answer to this? I'm working on something similar

  • @thefullershomevideos
    @thefullershomevideos Жыл бұрын

    unfortunately, i couldnt do this tutorial because Figma is charging to use video feature. As a new student in the game, Would u suggest me try to buy a Figma account? Or just not focus on video at the moment? Ive been learning front end dev for 3-4 months now...

  • @joshua_harker
    @joshua_harker Жыл бұрын

    Commenting to say how much you look like Rob Halford 🤘🤘🤘🤘🤘🤘🤘🤘

  • @abdullahmunshi6787
    @abdullahmunshi6787 Жыл бұрын

    The ending music..☺

  • @mohammadlilinoo3590
    @mohammadlilinoo35909 ай бұрын

    I've a question ; the problem is this that when video is playing and we click or leave video area , video , stops . But it stops at image of the video time which stopped and when we click again to play , video playing starts from the time it stopeed . But i want to show video starting time image(cover) and when click again , playing start from beginning of video , not the time which video stopped .

  • @freedmirza5086
    @freedmirza5086 Жыл бұрын

    love the long hair 🤟

  • @darrellbatinga7040
    @darrellbatinga7040 Жыл бұрын

    Theres no video options in my fill window any idea?

  • @ajgaming7167

    @ajgaming7167

    Жыл бұрын

    roll-out feature, only available for paid teams and users for now 😞

  • @user-jx4hr9hw9t
    @user-jx4hr9hw9t Жыл бұрын

    9:15 you forgot to cut

  • @welling1
    @welling1 Жыл бұрын

    Adobe needs to hurry up and incorporate Figma into their Suite. I'm paying Adobe almost $60 a month and now this video feature is limited to only team plans.

  • @AvidAfrican

    @AvidAfrican

    Жыл бұрын

    Incorporate what they haven't even purchased?

  • @johnlee6155
    @johnlee6155 Жыл бұрын

    I am having problem uploading the video. A message "An invalid video was removed". Does anyone know why and how to solve this? I have the paid version

  • @user-gs8cp8eu9l
    @user-gs8cp8eu9l9 ай бұрын

    I can't add the video

  • @stephenolushola3303
    @stephenolushola3303 Жыл бұрын

    Hi... I'm not getting the video option here...I can't import videos also... I'm using the web version

  • @donnysashari

    @donnysashari

    Жыл бұрын

    same here, I'm using desktop version

  • @ajgaming7167

    @ajgaming7167

    Жыл бұрын

    roll-out feature, only users with paid plans have the option currently

  • @Tima.Fard.
    @Tima.Fard. Жыл бұрын

    Thanks for this useful tutorial 🙏 buuut I don’t have Video option in my Figma! How come 🤔

  • @lazyninja4646

    @lazyninja4646

    Жыл бұрын

    Same here i guess it's for beta user's

  • @andralung90

    @andralung90

    Жыл бұрын

    i was about to ask the same question ;)))

  • @lazyninja4646

    @lazyninja4646

    Жыл бұрын

    @@andralung90 bruh i was so excited i was gonna use this feature on my current project but not until it's officially released

  • @ajgaming7167

    @ajgaming7167

    Жыл бұрын

    same here, gutted especially when i just got inspo for a website i'm working on. Turns out its only out for paid users and teams for now.

  • @Tima.Fard.

    @Tima.Fard.

    Жыл бұрын

    @@lazyninja4646 now you can find it in Figma, Good Luck😉

  • @vong1423
    @vong1423 Жыл бұрын

    Even for free users? Or only for paid? I can’t seem to add mov file?

  • @shnabiha

    @shnabiha

    Жыл бұрын

    only for paid.huhu. i paid for it

  • @emmanuel8944
    @emmanuel8944 Жыл бұрын

    I am the first to comment. I deserve an award, sir

  • @DesignCourse

    @DesignCourse

    Жыл бұрын

    I gave you an award. You better cherish it, it'll be worth something some day. Maybe about 22 cents.

  • @emmanuel8944

    @emmanuel8944

    Жыл бұрын

    @@DesignCourse Your reply to my comment is a dream come true for me, sir. My coding youtube channel(creedbox) got inspiration from you mr gary simon. Thank you for this beautiful award as I look forward to more awards from life.💪

  • @AlienoneArt
    @AlienoneArt Жыл бұрын

    Hi there! Why on my figma version I can't insert video as a fill? I want to try this new feature but I can't LOL 😂😩

  • @amirfaregh6386

    @amirfaregh6386

    Жыл бұрын

    I have this problem too...did you find any solution?

  • @ajgaming7167

    @ajgaming7167

    Жыл бұрын

    roll-out feature, only available for paid teams and users for now.

  • @AlienoneArt

    @AlienoneArt

    Жыл бұрын

    @@ajgaming7167 so for free account is not available?

  • @ajgaming7167

    @ajgaming7167

    Жыл бұрын

    @@AlienoneArt sadly no

  • @angelluisguevarafranco1797
    @angelluisguevarafranco1797 Жыл бұрын

    😍

  • @post-monk671
    @post-monk671 Жыл бұрын

    Dang that only works for paid pro team accounts :[

  • @gabrieleleone1570
    @gabrieleleone1570 Жыл бұрын

    check the outro bro

  • @DesignCourse

    @DesignCourse

    Жыл бұрын

    LOL. I told myself to EDIT that out. Ah well.

  • @post-monk671
    @post-monk671 Жыл бұрын

    I can't tell if the outro was meant to be a troll or like artistic direction or some editing is oversight. haha

  • @post-monk671

    @post-monk671

    Жыл бұрын

    it was nice to watch tho. I feel like I have a little more comfortability with figma

  • @przmk3002
    @przmk3002 Жыл бұрын

    Only works if your a paid pro team on figma

  • @lalitbhanage
    @lalitbhanage Жыл бұрын

    Only for paid plans, not for free users.

  • @fiveshorts
    @fiveshorts Жыл бұрын

    Not available except for paid plans

  • @lightnduka700

    @lightnduka700

    Жыл бұрын

    i am on a pain plan, but i ca't find it

  • @lolanano

    @lolanano

    Жыл бұрын

    @@lightnduka700 same im professional plan still cannot upload video

  • @fiveshorts
    @fiveshorts Жыл бұрын

    Yeah, you might want to tell people that this ISN'T available yet.Nice one. useless.

  • @puvididdle
    @puvididdle Жыл бұрын

    Btw update 2023. it's only for paid users

  • @TheQueenMalka
    @TheQueenMalka Жыл бұрын

    And videos from KZread to Figma? Like, trailers from movies…

  • @duranarts
    @duranarts10 ай бұрын

    All this to make a video play? SMH....

  • @smilli6415
    @smilli6415 Жыл бұрын

    xd is the worst design tool

  • @yourgflikesit
    @yourgflikesit Жыл бұрын

    How do you export the file ? It’s useless without that feature.

Келесі