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
Alrighty everyone. It's been a few weeks since Adobe announced their purchase of Figma. Who has stayed, and who has abandoned ship? 👇
@fortunekanu5604
Жыл бұрын
figma team are balling rn.
@javiersistemas
Жыл бұрын
Those are Definitely, bad news imo 😔
@lian3400
Жыл бұрын
But didn't they have already Adobe XD?
@javiersistemas
Жыл бұрын
@@lian3400 Yes, sir. They're greedy 🤬🙏
@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.
I picked up your responsive css course and I'm very pleased with it so far. Good job Gary.
PERFECT! Just what I needed. Also I didn't even know that you could drag and drop media into the fill window. 😅
omg you are reading my mind!! i was waiting for a video like that
Beautiful mane, great video
Finally!!! Thank you mate
Very good demo. I like it!
Well done dude. Very cool video.
Amazing video 👏🏻👏🏻
Thank you so much
Amazing 👏👏👏👏👏
Love that!
NOICE! Thank you
Awesome! I no longer import those low quality gif as video 😂
You studio us awesome, make a studio tour video.
I may have missed it, but you need to have upgrade to the professional version if you want to have video?
Nice
Thanks
Just awesome I am looking forward for this thank you #Gary
Just seeing this a year after. I'm trying it out 🤩
How to export animations or prototypes like these files in video or gif format
do you have to update figma or buy the service video is not enabled in my account/fill window😤
Wow. An impressive head of hair
do you know the limit for the file sizes on the video?
Does it only work on the pro version?
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
Жыл бұрын
Hi did you find answer to this? I'm working on something similar
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...
Commenting to say how much you look like Rob Halford 🤘🤘🤘🤘🤘🤘🤘🤘
The ending music..☺
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 .
love the long hair 🤟
Theres no video options in my fill window any idea?
@ajgaming7167
Жыл бұрын
roll-out feature, only available for paid teams and users for now 😞
9:15 you forgot to cut
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
Жыл бұрын
Incorporate what they haven't even purchased?
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
I can't add the video
Hi... I'm not getting the video option here...I can't import videos also... I'm using the web version
@donnysashari
Жыл бұрын
same here, I'm using desktop version
@ajgaming7167
Жыл бұрын
roll-out feature, only users with paid plans have the option currently
Thanks for this useful tutorial 🙏 buuut I don’t have Video option in my Figma! How come 🤔
@lazyninja4646
Жыл бұрын
Same here i guess it's for beta user's
@andralung90
Жыл бұрын
i was about to ask the same question ;)))
@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
Жыл бұрын
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.
Жыл бұрын
@@lazyninja4646 now you can find it in Figma, Good Luck😉
Even for free users? Or only for paid? I can’t seem to add mov file?
@shnabiha
Жыл бұрын
only for paid.huhu. i paid for it
I am the first to comment. I deserve an award, sir
@DesignCourse
Жыл бұрын
I gave you an award. You better cherish it, it'll be worth something some day. Maybe about 22 cents.
@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.💪
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
Жыл бұрын
I have this problem too...did you find any solution?
@ajgaming7167
Жыл бұрын
roll-out feature, only available for paid teams and users for now.
@AlienoneArt
Жыл бұрын
@@ajgaming7167 so for free account is not available?
@ajgaming7167
Жыл бұрын
@@AlienoneArt sadly no
😍
Dang that only works for paid pro team accounts :[
check the outro bro
@DesignCourse
Жыл бұрын
LOL. I told myself to EDIT that out. Ah well.
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
Жыл бұрын
it was nice to watch tho. I feel like I have a little more comfortability with figma
Only works if your a paid pro team on figma
Only for paid plans, not for free users.
Not available except for paid plans
@lightnduka700
Жыл бұрын
i am on a pain plan, but i ca't find it
@lolanano
Жыл бұрын
@@lightnduka700 same im professional plan still cannot upload video
Yeah, you might want to tell people that this ISN'T available yet.Nice one. useless.
Btw update 2023. it's only for paid users
And videos from KZread to Figma? Like, trailers from movies…
All this to make a video play? SMH....
xd is the worst design tool
How do you export the file ? It’s useless without that feature.