Wow. Thank you so much. You are my life savior. I was struggling to find this exact idea. You are so unique among others. Hope to receive more and more useful videos from you.
Great Information! Thank you But the video quality looks so bad when I convert it to gif for my behance, is there a way to do the same but to keep it in high quality?
Hey Marina, Just below the export video button there is 'Settings' in which by default it is set to 720p you can make that 1080p > High Quality. This might increase the exporting time but you get a better quality.
Thanks for this video. The Mockups when I downloaded are in psd format but you used a jpeg. was the jpeg provided in the mockup file or did you convert it?
Hey Ene, Usually the mockups you download have a JPG preview along with the PSD file. If that is not the case then you might have to use any free online convertor and just convert the PSD to JPG.
Hi. I am able to follow the steps until I upload the mockup I have chosen and for some reason I am unaware of, it gets all white. I can't even see the mockup, let alone adjust anything!
You need to record your screen and in it you need to manually scroll the prototype. This video you later need to overlay on the mockup as showing in the video! Check this video: ruclips.net/video/W8qRG6I26C0/видео.html
Wow. Thank you so much. You are my life savior. I was struggling to find this exact idea. You are so unique among others. Hope to receive more and more useful videos from you.
Glad you found it helpful :) also check out our instagram @designxstream for quick design tips!
@@DesignXstream thanks . Will check it out
thankyou for posting this video. This is eaxactly what i was looking for
Glad you liked it! Cheers ✌🏼😇
This is so helpful for my design portfolio, thank you so much!
Awesome! I'm glad you found it helpful :)
Thank you for the guide. Kapwing has started adding watermarks though on the free plan.
Yes, its sad how they change their free plans
Thanks a lot for this video. It's really helpful
Glad you found it helpful! 😊
Thank you much 🫡
You’re welcome 😊
It's really helpful, thank you.
Glad you found it helpful :)
Do check out our instagram for more design tips: instagram.com/DesignXstream
Exactly what I've been looking for. Thank you!
Glad I could help! :)
Extremely helpful! Thank you :)
Glad it was helpful! :)
Thanks so much!!
Glad you liked it! :)
So helpful!! Thankyou 😁
Glad it was helpful! :)
Wow Amazing 😍
Cheers ✌🏼
Vary vary nice❤
Glad you like it 🤩
how to Export figma prototype frames to mp4 and then add it into kapwing
A great one
Glad you liked it! :)
Thank u
Cheers!! 🤘🏼
Great Information! Thank you
But the video quality looks so bad when I convert it to gif for my behance, is there a way to do the same but to keep it in high quality?
Hey Marina, Just below the export video button there is 'Settings' in which by default it is set to 720p you can make that 1080p > High Quality. This might increase the exporting time but you get a better quality.
Gracias!
You're welcome! :)
very nice video. unfortunately, the video came with a water mark. is there any way around this?
For now the only tool I can suggest is this: mockoops.mohitya.dev/create
Hey there! Thanks for the video. Is there anyway to remove the background so that you only have the mockup, thanks
Can you elaborate your query?
thanks a lot buddy. :)
Glad you found it helpful :)
@@DesignXstream it was very helpful for people like me.. may god bless you and fills your life with love and joy
@@AnjaliKumari-pm3yo That means a lot! :) Pls do follow my instagram @designxstream for quick design tips & tricks! Have a good day!
@@DesignXstream sure :)
This is so helpful for me, thank you so much. But one question how about on phone?
Same method can be used... just record your mobile prototype and put it behind a mobile mockup!
Thanks for this video. The Mockups when I downloaded are in psd format but you used a jpeg. was the jpeg provided in the mockup file or did you convert it?
Hey Ene, Usually the mockups you download have a JPG preview along with the PSD file. If that is not the case then you might have to use any free online convertor and just convert the PSD to JPG.
@@DesignXstream okay. Thanks
now they have water marks sadly
but still a great tool Kapwing
Ohh that's sad. You can try www.motionity.app/
It's totally free!
Downloaded the mockup, after extracting it, I don't have the image to put in the kapwing
Kapwing is rejecting the .zip and .fig files
And that's all that's in the mockup
the mockup image has to be in .png
you can export .png from figma.
is there any mockups of some kind of collage or it need to be done by hand?
There are no templates on that tool. But you can find many free resources here: designxstream.com/device-mockups/
Hi. I am able to follow the steps until I upload the mockup I have chosen and for some reason I am unaware of, it gets all white. I can't even see the mockup, let alone adjust anything!
May be your first frame is a white screen. Did you try moving the playhead in the timeline?
@@DesignXstream I just uploaded a premade mockup without screen or background, worked on PS, and all I see is a white canvas. Can't see anything else.
@@natachacaixeirinhog.4301 If possible you can share the mockup on our instagram @designxstream and I can have a look!
How do I record the scrolling video?
You need to record your screen and in it you need to manually scroll the prototype. This video you later need to overlay on the mockup as showing in the video! Check this video: ruclips.net/video/W8qRG6I26C0/видео.html
@@DesignXstreamtysm !! This channel is a gem
@@azyt Thank you 🙌🏼
Kapwing deforms the proportions in the export video... :(
No it doesn't. Maybe something got messed in the export setting.. check that.