Thank you, but I think the title is misleading. Anima does not allow you to insert video into figma. It's the other way around. It takes what you are creating in figma and shows it in Anima which is a HUGE difference. So nope, unfortunately Anima DOES NOT allow you to insert / video in Figma as part of your larger flows :( I had to learn it the hard way.
@DesignXstream
3 жыл бұрын
Yah man that's true 👍🏼 Figma has no feature to do this.. so it is obviously a workaround.. and also that is why I showed a demo in the beginning itself where the prototype runs on Anima site.
@aashijain6807
2 жыл бұрын
Can you please tell me how do you do it? Upload your own video on one of those containers?
@adied7725
2 жыл бұрын
@@aashijain6807 the only workaround I've found is use gif files
@laptopworm23
2 ай бұрын
UGHHH thank you so much I have been trying to find a tutorial for inserting video using anima
@saishakarthik1738
2 жыл бұрын
hi i follow your videos regularly but i am from tamilnadu u look like a tamil guy looks and teach cool my compliments to u
@DesignXstream
2 жыл бұрын
Glad you enjoy my content! 😊 And you are so close I'm a malayali 😄
@wanthony6825
3 жыл бұрын
When I open my prototype in browser, it's always loading. I wait for nearly a half hour still nothing shows up, do you know why?
@DesignXstream
3 жыл бұрын
never takes so long. probably Anima's servers are down.. or there is some issue with the prototype. try on a different browser or create a new file and try.
@Malikzamincheeta
2 жыл бұрын
thats awesome man..
@DesignXstream
2 жыл бұрын
Cheers! ✌🏼
@soniapestana5271
3 жыл бұрын
Hi, thank you for your video. I tryed to follow your exemple, but Anima is not working: when I tryed to set the first frame as homepage, and then select all the 4 frames to preview it in the browser: in Anima it shows me only the last frame (4), never the 1st as homepage. I have the new version of Anima (Anima - Figma to HTML, React & Vue code)
@DesignXstream
3 жыл бұрын
Hey Sonia, I haven't used the newer version of Anima but I suppose they are trying to restrict many features in the free plan so you might face issues. However, if you really need a video in your prototype then I would suggest you to look into other prototyping tools like FramerX, Protopie, etc that have video widget in-built in them.
@megan_pinkerton
2 жыл бұрын
Whenever I preview, it doesn't show any elements that are on top of the video. I don't know what I'm doing wrong.
@DesignXstream
2 жыл бұрын
I have not used the latest version of the plugin but I think you cannot put objects over a running video!
@moshuapit3722
2 жыл бұрын
Anyone watching this video hoping to successfully link video in their Figma prototypes with this plugin DON'T BOTHER. I wasted so much time trying to get this plugin to work. It's buggy af. Props to this account for making the instructions when the plugin was still working, but in my current use (Figma build 107.1) it does not work.
@DesignXstream
2 жыл бұрын
Yes I've used a older version of Anima. I've tried it recently again.
@moshuapit3722
2 жыл бұрын
@@DesignXstream were you successful with a newer version of the plugin?
@krisschaumont2579
3 жыл бұрын
Thanks for this. MUCH appreciated.
@DesignXstream
3 жыл бұрын
Glad you found it helpful! :)
@MargaretRose723
2 жыл бұрын
Super helpful! thanks
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@nehasalma9083
16 күн бұрын
i am making movie website but i dont no how to add movietrailerr in that
@DesignXstream
11 күн бұрын
this is an old technique... check the updated version on how to add a video its there in our latest videos!
@syedanaziabinteyakub7908
2 жыл бұрын
this working always tries but my video does not start. please help!
@DesignXstream
2 жыл бұрын
There was an update in Anima plugin.. not sure if they have changed something!
@kennethlucas
2 жыл бұрын
So this video was great. Thank you. But the Anima plugin is garbage. How are we supposed to present to a client through our massive Figma prototype? So we click through our prototype but then we have to go open th evideo player in Anima? I don;t know who I am more angry at! Figma for not supporting video embed, Anima for not providing a solution that playis IN Figma, or this tutorial BECAUSE IT SHOULD HAVE TOLD US THAT AT THE START!!!!!!!!! Really disappointed in this and the waste of time we spent putting this together and uploading videos and then it doesn't even work in the Figma browser presentation? Total waste of our time.
@DesignXstream
2 жыл бұрын
Adding video should be an in-built feature. Hope Figma brings this feature soon... Adobe Xd already has this feature in-built. However, as of now there is no other way to insert video in Figma(if you dont need audio you can convert video into GIF and use it). I've mentioned in the title that this method is using Anima.
@look-a-thing
2 жыл бұрын
This tutorial was made at a time when you could export images with video., so the video creator wouldn't have known that 2 years later you can't o this anymore. Still sucks though. Used the same technique only yo be disappointed in Anima and Figma
@kwikstah
2 жыл бұрын
This video might be out of date. I tried using this and the Anima UI seemed totally different.
@DesignXstream
2 жыл бұрын
The Anima UI has changed but the option of Embed code still remains the same! Is it not working as intended?
@ArnoldFuntime
4 жыл бұрын
Very good tutorial
@DesignXstream
4 жыл бұрын
Thanks mate! 😃
@rufailateefah
2 жыл бұрын
Thank you so much for this tutorial. But what if I have a video in my media that I would like to add to anima, how do I add that? Cause when I tried uploading a video from my media, it says to select a frame. And I already selected the frame I want to insert the video in
@DesignXstream
2 жыл бұрын
If you have the video in your local then You need to upload your video to some free hosting service and then use the URL of the video!
@rufailateefah
2 жыл бұрын
@@DesignXstream oh, thank you for sharing that tip.
@Yogsotothlevrai
2 жыл бұрын
Great tutorial!
@DesignXstream
2 жыл бұрын
Glad you like it! :)
@hectormoralesfranco6850
2 жыл бұрын
I want to put a video in a APP prototype in one of my section....can I do it in figma without going out figma?....I wan to keep the navigation of the others section...
@DesignXstream
2 жыл бұрын
Currently there is not way to have video within Figma prototype! Adobe xd has support for video!
@hectormoralesfranco6850
2 жыл бұрын
@@DesignXstream thanks
@brijeshtejani4268
3 жыл бұрын
Awesome, thanks man!! 💪
@DesignXstream
3 жыл бұрын
Hey Brijesh, Glad you found it helpful :)
@axelpixl
3 жыл бұрын
Very good job like always 💪
@DesignXstream
3 жыл бұрын
Glad you found it helpful :)
@lo-yi6910
2 жыл бұрын
thank you a lot!!! but I can't find Anima now (sad)... do you know is there another plugin that can replace it?? (thank you very much!!!
@DesignXstream
2 жыл бұрын
Hey currently there is no other plugin which can do this. Here is the link: www.figma.com/community/plugin/857346721138427857
@rossurbina8412
3 жыл бұрын
Is there a limit to how many videos you can put into the Anima plugin? I'm planning to put in about 80 videos in total. Would that be too much?
@DesignXstream
3 жыл бұрын
Hey Ross, The free plan has some storage limits you can check Anima's site for more details. However, you can try hosting your videos on some other platform and then link it to Anima plugin.
@vijaysagi
3 жыл бұрын
The video is awesome, I am able to insert the video and run it in Anima browser. But i cannot run it from my figma project directly. Could u pls let me know the steps to run it from figma project
@DesignXstream
3 жыл бұрын
Hey Vijay, Unfortunately, there is no way to run the prototype with video on Figma. You need to preview it on Anima site only.
@666serbia
3 жыл бұрын
@@DesignXstream What is the point of adding a video if you cant play it in Figma or in Bravo?
@DesignXstream
3 жыл бұрын
@@666serbia Could be used in scenarios where the client definitely wants to see a video in the prototype with all interactions. Same like how you provide a Figma prototype link you can share the anima prototype link.
@666serbia
3 жыл бұрын
@@DesignXstream Is it going to play the video from KZitem in app? I use Bravo Studio and I dont see the actual video?
@DesignXstream
3 жыл бұрын
@@666serbia Yes you can play videos from KZitem or any source on the web. And it doesn't need any specific app like Bravo. Once you publish it to the web you get a URL that you can share with anyone.
@gamasierra
3 жыл бұрын
Great work!
@DesignXstream
3 жыл бұрын
glad you found it helpful :)
@Vasege
Жыл бұрын
The entire "How to use Figma" tutorial is 24 min. Your video about a micro-feature is 9 min. Please respect our time and be more concise :D
@DesignXstream
Жыл бұрын
Yah this was an old video... trying to improve now 😂
@javifes1
2 жыл бұрын
I'm working on an App prototype and want to add a video on one of the screens. Would this method work for me?
@DesignXstream
2 жыл бұрын
Yes it will but you will have to showcase your prototype on Anima's website. You cannot use Figma's in-app preview.
@divyakotian8316
3 жыл бұрын
Can we watch this on figma mirror?
@DesignXstream
3 жыл бұрын
Hey Divya, No this will not work on Figma mirror. It works only when published and viewed on Anima. To run on Figma preview or mirror you have to make use of GIFs and animation delay just to mimic a fake video interaction.
@anirudhnair1886
4 жыл бұрын
Can we add just an audio to prototype in figma?
@DesignXstream
4 жыл бұрын
Hey @Anirudh, As far as I know there is no way to add audio on Figma. And there is no direct way in Anima either. However, a workaround I could think of is to place the audio on internet and embed it as an using Anima's embed option. I will try it and make a video if it works and let you know! 👍🏼
@DesignXstream
3 жыл бұрын
Here is a video for the question you asked: kzitem.info/news/bejne/lamBzKCPepx2rHY Hope this helps :)
It's possible export figma as video? For instagram story, for example?
@DesignXstream
3 жыл бұрын
This video might help: kzitem.info/news/bejne/uG6nuHtsgmRndmU
@just4laughs140
2 жыл бұрын
Can you show how to do the UI
@EricoPlatt
2 жыл бұрын
YOu are not explaining how to add/import the original video into Figma. I've been struggling to place a video other than GIF animation, because as far as I know of now, Figma does not accept mp4 movies! Is this video you are showing in this tutorial a GIF animation? Not a real movie file? You should make it clear for your followers! IF you could clarify this, I will appreciate it. Thaks!
@DesignXstream
2 жыл бұрын
As you mentioned Figma does not accept mp4. This is just a workaround to make it possible using Anima plugin as mentioned in the title.
@620annika
3 жыл бұрын
How do you add an mp4 video into a iphone frame?
@DesignXstream
3 жыл бұрын
You can draw a shape of any size and embed a video into it and set it to fit container.
@thieutinhte
Жыл бұрын
Do you make videos about interesting plugins to use?
@DesignXstream
Жыл бұрын
I have a couple of Figma plugin videos category wise!
@beko____
3 жыл бұрын
Can we edit a video to include elements of our design on it in Figma, or does Figma not have that capability?
@DesignXstream
3 жыл бұрын
Hey, no Figma doesn't have the capability to do that. But if it is a small clip without audio then you can probably try to convert it into a GIF... Figma supports GIF.
@beko____
3 жыл бұрын
@@DesignXstream ooo thanks for the advice. If not that. Do you recommend any app/ software for doing video editing with design components
@beko____
3 жыл бұрын
Currently trying to redesign a voice memo thing. So the gif thing may work. But I basically need to have my redesigned component on the screen
@DesignXstream
3 жыл бұрын
Hey, I'm not sure if I understand your query. Can you pls elaborate or message us on Instagram.
@beko____
3 жыл бұрын
@@DesignXstream I tried using anima tho have faced some issues. I basically want to include elements of video in my prototype. I want video for a recording that's being played (a time slider will move for the duration of the recording) and a video for the increasing time as I record a voice memo. Are there any other design tools that you think would be easier to user than anima?
@99VENTIGO99
3 жыл бұрын
Why would I come to you if I had anima subscribed..??
@DesignXstream
3 жыл бұрын
That's a good question 🤔
@korak88
4 жыл бұрын
Does this video play with voice?
@DesignXstream
4 жыл бұрын
Surprisingly the audio works if you turn on the 'Video Controls' while assigning a video. But if you turn off the controls the audio doesn't work.
@88gono
4 жыл бұрын
Great video, thanks a lot! Could you possibly share (or DM) the figma-file?
@DesignXstream
4 жыл бұрын
Glad you liked it! I've just added the link to the .fig file in the description.
@kajalgupta4368
2 жыл бұрын
what are you doing, start with basic ...you have already done everything ,.. how will a new person learn
@DesignXstream
2 жыл бұрын
Sorry about that but this video was just focused on showing how to insert the video and not how to create the UI for it.
@frenzy.d
3 жыл бұрын
Bro I need to know how to make an video player for video sharing app
@DesignXstream
3 жыл бұрын
Make an app or design it?
@frenzy.d
3 жыл бұрын
@@DesignXstream I made a design in figma
@DesignXstream
3 жыл бұрын
@@frenzy.d then what is the problem? can you elaborate.
@frenzy.d
3 жыл бұрын
@@DesignXstream I am not an expert in figma but iam trying to make a video sharing app but I need to make add video feature but I don't know how
@DesignXstream
3 жыл бұрын
@@frenzy.d Okay.. so basically Figma is not for creating apps. it is just a design tool. IF you want to create a app then look for nocode tools. Like GlideApp, BravoStudio, Bubbleio, Webflow, these will help you create apps without any coding.
@crosales1979
2 жыл бұрын
why all this hussle to insert a video? XD let me just drag and drop them....
@DesignXstream
2 жыл бұрын
Yes Adobe Xd has good features for video and audio integration!
@pepperj
3 жыл бұрын
Thanks for teaching me how to upload a Wideo.. can you show how to upload a video though?
@DesignXstream
3 жыл бұрын
Hey you're welcome! Hmm.. thats actually bit complicated by you can try replacing the 'W' with a 'V' and try the process again that should help 🤔 Do let me know if it worked okay (:
@SenecaTheDreamer
2 жыл бұрын
This doesn't work.
@DesignXstream
2 жыл бұрын
could be becoz of their recent update in the plugin!
@pavoljurik1008
2 жыл бұрын
this is all wrong. DO NOT FOLLOW THIS tutorial if you need to insert video into figma prototype.
@DesignXstream
2 жыл бұрын
Yes you are right! This is only using Anima as there is currently no way to insert video into figma directly!
@pavoljurik1008
2 жыл бұрын
@@DesignXstream yes, there is not. Convert video to gif, that works.
@DesignXstream
2 жыл бұрын
@@pavoljurik1008 Yes if audio is not needed then that option is what I suggest too! 👍🏼
@amilaravinga6130
2 жыл бұрын
thats not how to add a video on figma .thats how you add a video on anima prototype.FAKE Content
@DesignXstream
2 жыл бұрын
Interesting perspective! I like the new title I'll think about changing it.
@elizabethkawamura1320
3 жыл бұрын
Please edit the video to eliminate the parts where you say "oh I missed out something on the second stage etc." I lost my patience to keep watching this until the end due to these unwanted parts. Just show how to embed the video on Figma in a no-brainer way, not the process where you made small errors. This video can be much shorter, but the idea is bright.
@DesignXstream
3 жыл бұрын
Yeah, I could have easily cut out that part but I often prefer to include the mistakes also as it could help out someone who stumbles upon the same kind of error! But yeah thanks for the suggestion and do check out the newer videos I've used a lot of jump-cuts let me know how they are! :)
@joanerhabor3233
2 жыл бұрын
@@DesignXstream That is a very nonsensical comment from that person. Please keep including them! It's a great learning process for us watching
@viacheslavpolishchuk2256
3 жыл бұрын
Полный отстой! эта Анима платная!!!!
@DesignXstream
3 жыл бұрын
Это единственный вариант добавления видео. У них есть бесплатный план, попробуйте это.
@viacheslavpolishchuk2256
3 жыл бұрын
@@DesignXstream а как называется этот бесплатный плагин?
@ldcp9919
3 жыл бұрын
Terrible and 0 efficient
@DesignXstream
3 жыл бұрын
Yes Figma is really bad at this. Try other advanced tools like Protopie or FramerX.
Пікірлер: 125