I just spent an hr trying to figure out how to get the mobile framing. Very helpful thanks!!
@DesignXstream
3 жыл бұрын
Glad you found it helpful :)
@lauraharley9435
2 жыл бұрын
OMG - This presentation was incredibly informative and helpful. So many options and recommendations in 7 minutes.
@DesignXstream
2 жыл бұрын
Hey Laura, I'm glad you found it informative! Cheers :)
@teddybeamerbeats4125
2 ай бұрын
Super cool video. How do you remove the background color of the recordings?
@DesignXstream
2 ай бұрын
Need a video editor for that. Alternatively you can use the last tool in this list: kzitem.info/news/bejne/sJtqqnuPfl-gon4
@sylvanusandrew8668
2 жыл бұрын
This video was amazing and really helpful. Please i want to ask if there's a way to upload this to behance?
@DesignXstream
2 жыл бұрын
If your recording is in mp4 format you can directly upload them to Behance!
@sylvanusandrew8668
2 жыл бұрын
@@DesignXstream thank you
@zaacchi
3 жыл бұрын
Thanks for the tip! I was trying so hard to discover it.
@DesignXstream
3 жыл бұрын
Hey Jhonatan, Glad you found it helpful :)
@frolleanne
13 күн бұрын
Hey!! thank you so much. I thought this video were gonna be more extended and hard to understand but was pretty simple. You are great explaining, thanks for the video
@kal1903
Жыл бұрын
This is helpful; I like the way you keep the tutorial to the point and short. Excellent job!
@DesignXstream
Жыл бұрын
Thanks Anand! Glad you liked it :)
@dhinesh.partha
Жыл бұрын
This is really helpful for me !! but output of the video looks slightly low quality pixel, Is that the maximum strength of high quality?
@DesignXstream
Жыл бұрын
Did you try the other chrome extension mentioned in the description?
@mmmkkkk123
Ай бұрын
how were you able to record this with the round cursor? thanks for sharing!
@DesignXstream
Ай бұрын
I'm using a mac. In mac the round cursor comes.
@omararellanomx
Жыл бұрын
Thanks for the tip , greetings form cancun, mexico !!
@DesignXstream
Жыл бұрын
Cheers ✌🏼
@jean-lais
Жыл бұрын
This is what I was looking for. Thank you for sharing your wisdom
@DesignXstream
Жыл бұрын
Glad you found it useful. Cheers! ✌🏼
@zaoli7412
3 жыл бұрын
the polite snowman is sooo cute!
@DesignXstream
3 жыл бұрын
⛄️⛄️⛄️ yeahhh!
@jokerdk3947
Жыл бұрын
Great video bro. Is this extension support for mobile to record prototype?
@DesignXstream
Жыл бұрын
Extension works in chrome desktop.
@212Tasneem
3 ай бұрын
This was extremely helpful. thank you so much
@DesignXstream
3 ай бұрын
Glad it was helpful! Cheers ✌️
@ahmedjabrane5402
4 жыл бұрын
I've been looking for this on the internet for a while, but I haven't found a free solution, thanks for your help my brother.
@DesignXstream
4 жыл бұрын
Hey Ahmed, Thank you for the comment! Glad you found this helpful :)
@ooswitchbackoo
5 ай бұрын
Top work, no waffle, perfect, thank you
@DesignXstream
5 ай бұрын
Glad you found it helpful! Cheers ✌🏼
@Kokomo323
Жыл бұрын
Thank you! I loved your tutorial, very helpful and to-the-point, without any extra fluff at all 😀!
@DesignXstream
Жыл бұрын
Glad you like it! Cheers ✌🏼😃
@pashionuchenna840
2 жыл бұрын
Thanks for this. Please how do I upload the recorded video back to figma?
@DesignXstream
2 жыл бұрын
For uploading videos to Figma you need the pro plan. Then you can just drag and drop any video
@pashionuchenna840
2 жыл бұрын
@@DesignXstream thanks for the feedback.
@j0hannes5
3 жыл бұрын
on mac you can use use the screenshot tool, choose an area and start recording.
@DesignXstream
3 жыл бұрын
Yeah! I did mention that towards the end of the video 😀 This method is more helpful for Windows users 👍🏼
@Aqsa-zz6ne
4 ай бұрын
Very informative and helpful.thanx for sharing
@DesignXstream
4 ай бұрын
Glad you like it! Cheers ✌️
@nicolaslevy3943
Жыл бұрын
Hey ! Thanks a lot for this tutorial, it was really useful to me. I only have one doubt. I downloaded file and the only extension available was .webm . How can I open this type of files? Thanks for your time!
@DesignXstream
Жыл бұрын
Hey Nicolas, I showed in the video how to convert webm to mp4 format for free. You can check that or you can also try this new chrome extension that directly gives you mp4 format. chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji?hl=en
@nicolaslevy3943
Жыл бұрын
@@DesignXstream Thanks again! I must have skipped that part of the video. You are great!
@DesignXstream
Жыл бұрын
Awesome! Do check our instagram you might love it: instagram.com/designxstream/
@eteri3230
2 жыл бұрын
Thank you for this video, this tutorial is very good and informative. I have one question about the background color, there is option to record the prototype with transparent background (no bg at all)?
@DesignXstream
2 жыл бұрын
You can cut out the background using online video editors!
@ДаннаКоваленко
Жыл бұрын
Hi! thanks a lot for that! btw, do you know any way how to but these prototype videos on bechance case?
@DesignXstream
Жыл бұрын
Convert these videos to .mp4 and you can upload them on behance. However, instead of video I would recommend you to embed the prototype in behance so users can click and play with the prototype.
@khushijain9222
2 жыл бұрын
explanations like these!! thank you so much
@DesignXstream
2 жыл бұрын
Glad you liked it! Cheers ✌🏼
@anupkaushik9370
2 жыл бұрын
Thanks for recording this tutorial , please make a video on how to change background images or custom animation of prototype
@DesignXstream
2 жыл бұрын
Sure. Meanwhile this video could be helpful: kzitem.info/news/bejne/t65u0K2MjZOrmKw
@njengathegeek
2 жыл бұрын
what i've been looking for
@DesignXstream
2 жыл бұрын
Cheers! ✌🏼
@swatipal2099
3 жыл бұрын
How did you change the cursor shape (Circular), mine is still the same as it is in chrome browser (fingertip icon)?
@DesignXstream
3 жыл бұрын
Hey Swati, I'm not very sure. But it could be probably coz I'm using a macbook.
@inspiresseventyseven3910
3 жыл бұрын
Hello everyone. I am new to Figma. I want to ask a question. Can we copy elements in different tab and paste it into another different tab? THANK YOU.
@DesignXstream
3 жыл бұрын
Yes, it definitely works!
@ajaym6795
3 жыл бұрын
Aren't you the same guy who made an Intro to Spline video? Great stuff, I hope your channel grows. You deserve it 👍
@DesignXstream
3 жыл бұрын
Awesome that you recognised my voice 😄 Glad you enjoyed the video... Thanks bro! 🙏🏼
@NavesNiche
Жыл бұрын
Dude that's so awesome of you, thank you!
@DesignXstream
Жыл бұрын
Cheers buddy! ✌🏼 :)
@DesignXstream
4 жыл бұрын
🔥 Update: Try this Chrome Extension for MP4 format: bit.ly/NewChromeRecorderExtension Or try this free tool: screenrec.com/ [Recommended by Nikhil in comments]
@jenniewang8070
Жыл бұрын
Hello, thank you so much for this decent video! I am having trouble resizing the prototype browser. I see you can resize it to the size of the phone but I can't, figma forced to have a certain space around the prototype. Do you have any idea why that would happen? Thank you so much!
@DesignXstream
Жыл бұрын
Hey Jennie, I've faced this kind of issue. However, if that is the case then you will have to use a video editor to crop out the excess space. For this you can use any free online video editors like: www.motionity.app/
@maryaasif2151
3 ай бұрын
hey, i am a beginner designer and have been struggling to make a scrolling website mockup please let me know how do i do that?
@DesignXstream
3 ай бұрын
Check the last tool in this video: kzitem.info/news/bejne/sJtqqnuPfl-gon4 First record the website scrolling it and then add the video to the tool mentioned in the above video!
@nivinps2437
4 жыл бұрын
Nice video 👍 . I never used this method i will give a try . #thankz .i just use my game bar to record screen (win+G) . And record the screen while prototyping on figma app. So no need to get to the chrome. And adjust the screen resolution on any video editing tool. I just mentioned my method . Hope u like it also 😉
@DesignXstream
4 жыл бұрын
Glad you liked it! I haven't used Windows for a while now so I was totally unaware that Windows got a Game bar to record! If that works then it's a great option. Thanks for sharing. I'll try to update this in the description 👍
@nivinps2437
4 жыл бұрын
@@DesignXstream 😍
@sahar_nikou
2 жыл бұрын
Thank you for sharing your knowledge. I have learnt a lot from you.
@DesignXstream
2 жыл бұрын
That's awesome! Glad you found it helpful :)
@blessedchiamaka3483
2 жыл бұрын
This was really detailed...thank you
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@aoli6862
2 жыл бұрын
Thanks for sharing, very helpful!
@DesignXstream
2 жыл бұрын
Glad it was helpful! Cheers ✌🏼
@Travelogram325
3 ай бұрын
Very Helpful, Thankyou
@DesignXstream
3 ай бұрын
Glad you found it helpful! Cheers ✌️
@m.zafifhilmial-hadi1804
2 ай бұрын
Thank you sir
@DesignXstream
Ай бұрын
Glad you found it helpful! Cheers ✌️
@phamnguyencaoduy182
2 жыл бұрын
Yahh, I can do it. Thank you so much bro!
@DesignXstream
2 жыл бұрын
I'm glad you liked it! Cheers! ✌🏼
@saranyadevi2080
2 жыл бұрын
Thankyou so muchh!!! clearly explained! very helpful :)
@DesignXstream
2 жыл бұрын
Glad you found it helpful! :)
@fathulirfaan3917
8 ай бұрын
Thank you, really helpful🔥
@DesignXstream
8 ай бұрын
Glad it helped! Cheers! ✌🏼
@ayoayo4234
Жыл бұрын
Thank you so much for this video
@DesignXstream
Жыл бұрын
Cheers ✌🏼 :)
@somayamoniry
Жыл бұрын
It was really simple and helpful. thanks a lot
@DesignXstream
Жыл бұрын
Glad you found it useful! ✌🏼:)
@harshpatel8107
Жыл бұрын
I am unable to resize it and when i recorded it surrounding things come in..do you have any suggestion
@DesignXstream
Жыл бұрын
Record the whole screen and then use online free video editors to crop out the extra areas. You can use tools like media.io and lot more.
@iswaryaks9109
Жыл бұрын
bro…where do you get those templates for a B2C E-Commerce websites such as amazon…etc….?
@DesignXstream
Жыл бұрын
Which template are you referring to?
@victoriaxx5
2 жыл бұрын
for the web app recording, i am using quicktime player to record my figma desktop prototype but how do u record the touch points as well? (the grey circle curser moving around the screen)
@DesignXstream
2 жыл бұрын
Generally quicktime record your screen cursor/grey circle as well. Do you want to hide it?
@AnaRodriguez-ns1ek
2 жыл бұрын
i love it, really very thanks, i´m very worried but all good now
@DesignXstream
2 жыл бұрын
Cheers! Glad you liked it! ✌🏼
@nidarahman2305
11 ай бұрын
very helpful thanks
@DesignXstream
11 ай бұрын
You're welcome ✌🏼
@ManasiShah-mo4uc
Жыл бұрын
The video when downloaded and pasted in figma in gif format pixelates way too much to be used, the extension is quite useful but the result isn't that great.
@DesignXstream
Жыл бұрын
Hey Manasi this is good for videos! However for GIF I recommend to go for this extension called Capture to GIF: chrome.google.com/webstore/detail/capture-to-a-gif/eapecadlmfblmnfnojebefkbginhggeh
@moorejoshua7997
2 жыл бұрын
I’m unable to resize my chrome tab as much as you did it. It won’t shrink beyond a certain point.
@DesignXstream
2 жыл бұрын
Just came across this free tool: screenrec.com/ this lets you capture selected area.
@vanshikapherwani6203
3 жыл бұрын
Thank you so much for making this video!
@DesignXstream
3 жыл бұрын
Glad you found it helpful! :)
@cyehheyc_
Жыл бұрын
Super helpful, thanks much!
@DesignXstream
Жыл бұрын
Glad it was helpful! Cheers ✌🏼 :)
@kaori2964
3 жыл бұрын
I tried to do this but had trouble because the video wouldn't open in any other editing plataform :/
@DesignXstream
3 жыл бұрын
Hey Kaori, Try this extension it gives output directly in mp4 so this must work: chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji
@oluseyiemmanuel8638
4 жыл бұрын
Thank you for this solution ... I have always looked for a way to do it.this is so interesting! Thank you once again
@DesignXstream
4 жыл бұрын
Hey Oluseyi, Glad that you found it helpful :)
@wisdomezeogu6650
2 жыл бұрын
Very helpful and explicit. Thank you.
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@Fgysjtfxhufv
2 жыл бұрын
how can I make the cursor to be circle ? Many thanks🙏
@DesignXstream
2 жыл бұрын
hey I suppose the cursor is a OS level thing. In Mac it a circle by default.
@MatiusG12
Жыл бұрын
Bro thank you so much for the info!
@DesignXstream
Жыл бұрын
Hey bro, I'm glad you found this helpful! Cheers ✌🏼 :)
@abdullahash23
2 жыл бұрын
Thank you so much, this is very helpful!
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@carmenchermenschi3756
6 ай бұрын
Very usefull!! Thank you!
@DesignXstream
6 ай бұрын
Glad it was helpful! Cheers! ✌🏼
@nahidabdali2340
2 жыл бұрын
this was helpful. thanks a lot.
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@s_h_i_v_e
2 жыл бұрын
Hii can you make a video on how to upload a video that we recorded to behance 🙏
@DesignXstream
2 жыл бұрын
You can upload it directly on behance in mp4 format. If you want to add some device mockup then check this video: kzitem.info/news/bejne/t65u0K2MjZOrmKw
@manjumohan3531
2 жыл бұрын
how does your prototype screen not have a round cursor? How do i get a pointed cursor?
@DesignXstream
2 жыл бұрын
If you make the device type as 'None' in 'Show Prototype Settings' then you will have a pointer cursor. And if you choose any device then it will use the round cursor.
@EK_857
Жыл бұрын
Thanks for sharing this very informative and time saving video! 🙂
@DesignXstream
Жыл бұрын
Glad you found it helpful! Cheers ✌🏼
@muunalisaa
3 жыл бұрын
thank you sooooooooooooooooooo much this was really really helpful
@DesignXstream
3 жыл бұрын
You're welcome! :) Glad you found it helpful.
@kesehatanjasmani1244
3 жыл бұрын
There is another way. Just use greenscreen by changing the background with #00ff00 and go to video editior and click chroma key.
@DesignXstream
3 жыл бұрын
Yeah, I do that often. However, most of the people do not have video editors and want to avoid that extra work.
@AvidAfrican
8 ай бұрын
Thank you bro
@DesignXstream
8 ай бұрын
Cheers! ✌🏼
@wtc269
Жыл бұрын
You are a life saver. Thank you so much! 😇
@DesignXstream
Жыл бұрын
Cheers ✌🏼 :)
@swastikbhardwaj184
2 жыл бұрын
Very informative video.
@DesignXstream
2 жыл бұрын
Glad it was helpful! :)
@aaap3875
2 жыл бұрын
Quicktime also has a screen record
@DesignXstream
2 жыл бұрын
Yes already mentioned in the video while talking about macOS 👍🏼
@topemeister3000
3 жыл бұрын
Cheers, dude! Another great video.
@DesignXstream
3 жыл бұрын
Glad you enjoyed it! 👍🏼
@MrOriginal_
2 жыл бұрын
Thank you great video
@DesignXstream
2 жыл бұрын
Cheers! Glad you enjoyed it :)
@abisolakanyinola2852
2 жыл бұрын
Hello , please how do you get the embedded code for the mp4 video ?
@DesignXstream
2 жыл бұрын
Figma doesn't support embed code for video. You might have to record it and then put it on KZitem to get a embed code.
@philipjimconsider4456
2 жыл бұрын
God bless you, you just save my day
@DesignXstream
2 жыл бұрын
Glad you found it helpful :) Cheers ✌🏼
@kayaar4048
3 жыл бұрын
How do we make those UI kit images ? with the screens in their respective phone models laid out ? Also is there a way to export the image of the screen in it's phone model i.e the prototype page of figma ? in png , so that it can be placed in presentations
@DesignXstream
3 жыл бұрын
There are a lot of templates for mockup presentation you can check on figma community search. If you would like to create your own 3d mobile mockup template then you can check my tutorial on spline 3d where I showed how to create 3d mobile mockups laid out.
@jonathanalexander4383
3 жыл бұрын
great video very helpful thanks
@DesignXstream
3 жыл бұрын
Hey Jonathan, Glad you found it helpful :)
@yasirdesigner98276
Жыл бұрын
Thank you so much!
@DesignXstream
Жыл бұрын
Cheers ✌🏼
@dheerchheda529
3 жыл бұрын
Thank you so much! Keep posting
@DesignXstream
3 жыл бұрын
Hey Dheer, Glad you found it helpful. Also, If you want to record the screen first & later add a device mockup of your choice then check this video: kzitem.info/news/bejne/t65u0K2MjZOrmKw you might find it interesting! 👍🏼
@mikrayal284
9 ай бұрын
hey - this is downloading as a document not a video file... help!
@DesignXstream
9 ай бұрын
It downloads as a .webm format. You can google and find convertor to mp4.
@mkwrnr92
2 жыл бұрын
BOMB Video! Thank you!!! :)
@DesignXstream
2 жыл бұрын
Glad you found it useful :)
@vaishalisamanta629
3 жыл бұрын
i am doing this ... but the recording has really bad quality! how can I change that ?
@DesignXstream
3 жыл бұрын
Try 'screencastify' chrome extension it is free and outputs directly in mp4 format.
@vaishalisamanta629
3 жыл бұрын
@@DesignXstream thank you. it worked :D
@ashleywang4229
2 жыл бұрын
This video is so helpful! I'm wondering if I want to record prototype in a clay mockup how should I go about doing that? Thanks!
@DesignXstream
2 жыл бұрын
This video should help: kzitem.info/news/bejne/t65u0K2MjZOrmKw
@ashleywang4229
2 жыл бұрын
@@DesignXstream Thanks so much! :)
@tracyrichardson3719
Жыл бұрын
Hi how do you hide the mouse when you are recording?
@DesignXstream
Жыл бұрын
2 methods for that. Either you need a paid recording tool that has the feature to hide cursor like Camtasia or the easier method is to open the prototype on Figma mirror app on your mobile and do a screen recording in it. This way you wont see any mouse cursor.
@chuzair
Жыл бұрын
thanks for helping
@DesignXstream
Жыл бұрын
Glad you found it helpful! Cheers ✌🏼
@mim.r4499
2 жыл бұрын
Thank you sooo much🙏☺️👌
@BhagyashriBambal-q7u
2 ай бұрын
Thank You
@DesignXstream
2 ай бұрын
Cheers ✌️
@sabrinaleanez8645
3 жыл бұрын
Muchas gracias, con este video me ayudaste!!
@DesignXstream
3 жыл бұрын
Me alegro de que lo hayas encontrado útil :)
@ankitaj9904
3 жыл бұрын
This was a big help. Thank you 🙏🙌
@DesignXstream
3 жыл бұрын
Glad you found it helpful :)
@osasferguson
3 жыл бұрын
Thank you so much this helped a lot
@DesignXstream
3 жыл бұрын
Hey Ferguson, Glad you found it helpful. Also, If you want to record the screen first & later add a device mockup of your choice then check this video: kzitem.info/news/bejne/t65u0K2MjZOrmKw you might find it interesting! 👍🏼
@suliatamusat7303
10 ай бұрын
Please how did you resize the browser easily,mine is not resizing
@DesignXstream
10 ай бұрын
Are you using chrome?
@suliatamusat7303
10 ай бұрын
@@DesignXstream yes sir
@fateworks4001
3 жыл бұрын
Thanks for the tutorial! really helpfull
@DesignXstream
3 жыл бұрын
Glad you found it helpful :)
@menekamrudy5861
4 жыл бұрын
Thanks for the video, very informative👌
@DesignXstream
4 жыл бұрын
Glad you found it helpful :) #stayTuned for more such videos.
@menekamrudy5861
4 жыл бұрын
👍
@galeelraglen
Жыл бұрын
Thank you :)
@DesignXstream
Жыл бұрын
Cheers buddy ✌🏼
@saulescala
3 жыл бұрын
thank you my friend
@DesignXstream
3 жыл бұрын
Hey Saul, Glad you found it helpful :)
@abhishekdhyani613
3 жыл бұрын
Thanks for this
@DesignXstream
3 жыл бұрын
Cheers!
@shivanikalkeri2370
3 жыл бұрын
Thank you its very helpful :)
@DesignXstream
3 жыл бұрын
Hey Shivani, Glad you found it helpful :)
@shivanikalkeri2370
3 жыл бұрын
@@DesignXstream I have one quick question for you. It’s related to figma prototype. So I have a form field that I had designed for an app and to make it scrolable I had put the form field in a clipping mask so while prototyping since it’s a form field I want to show a clickable selected state too and I am unable to do that can u please help. I tried a lot!
@DesignXstream
3 жыл бұрын
@@shivanikalkeri2370 Sorry, I couldn't quite get your query. If possible dm on instagram @designxstream and share the screenshot it would be easier to understand.
@shivanikalkeri2370
3 жыл бұрын
@@DesignXstream sure I will do that. I live in Canada so I will do that first thing in the morning. Thanks a lot for offering to help. Truly appreciate it
@adelanaofficial
2 жыл бұрын
Thank You!
@DesignXstream
2 жыл бұрын
You're welcome! ✌🏼
@mim.r4499
2 жыл бұрын
You know, you are really great, right to the point 👍😊
@DesignXstream
2 жыл бұрын
Glad you found it helpful! :)
@kevseryilmaz5953
3 жыл бұрын
thank u so much it is very useful ;)
@DesignXstream
3 жыл бұрын
Hey Ozgun, Glad you found it informative. Stay tuned for more videos :)
@UmarFarooq-qq5em
3 жыл бұрын
In figma prototype panel is not working..... Plz tell me how to reset thisss
@DesignXstream
3 жыл бұрын
Just try to restart Figma, that should help solve it.
Пікірлер: 254