Тёмный

How to Embed an Interactive Prototype from Figma into your Case study | UX Designer 

JennByDesign
Подписаться 1,9 тыс.
Просмотров 24 тыс.
50% 1

In this video, i show you how to embed your prototype in your case study.

Наука

Опубликовано:

 

23 июл 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@rainiebaldwin
@rainiebaldwin Год назад
Thank you so much! I was struggling to adjust the size. This method works on other website builders too!
@jacquelynabbott1028
@jacquelynabbott1028 7 месяцев назад
You just saved me from missing my deadline. I couldn’t figure this out for THE LIFE OF ME. You are my HERO~ thank you SOSOSO MUCH.
@jennbydesign
@jennbydesign 7 месяцев назад
You’re welcome!
@creatoratplay
@creatoratplay 11 месяцев назад
This was really helpful. Thank you!!
@rutujawarange7688
@rutujawarange7688 11 месяцев назад
Hi, this video was so helpful! How did you remove the Bar we get below stating - edited months ago.
@ShirelShalom
@ShirelShalom Год назад
2 minutes into the video and got my answer. Thank you so so much!!!
@jennbydesign
@jennbydesign Год назад
You’re welcome!
@raJeshraOte14
@raJeshraOte14 Год назад
Thanks for sharing 🙏 pls let me know how did you used "laptop mock up" in present mode.
@djashawe88923
@djashawe88923 7 месяцев назад
Hi, I am a new subscriber. I like your energy and vibe! The content was very useful and practical. Thanks. Keep up the good work!
@jennbydesign
@jennbydesign 7 месяцев назад
Thanks for subscribing! 😊
@MarsaAndari
@MarsaAndari Год назад
Thanks for the info! Been looking for this one :)
@jennbydesign
@jennbydesign Год назад
You’re welcome!
@xaviergonzalez8933
@xaviergonzalez8933 Год назад
OMG you are so awesome! Thank you so much! I am currently working on my portfolio right now, so this is super useful :)
@jennbydesign
@jennbydesign Год назад
You’re welcome!
@jenfrancisangela
@jenfrancisangela 11 месяцев назад
thank you! so helpful!
@yuliaanisakharova
@yuliaanisakharova Год назад
Thank you so much! I was desperate to fit the prototype to my case width!
@jennbydesign
@jennbydesign Год назад
You’re welcome!
@njengathegeek
@njengathegeek Год назад
This is so impressive
@yashodhadhanushka1415
@yashodhadhanushka1415 Год назад
Thank you so much!
@jinn7821
@jinn7821 Год назад
thank you so much ❤
@arjunkrishna3482
@arjunkrishna3482 11 месяцев назад
Thank you
@geethutom6310
@geethutom6310 Год назад
Hi Jennifer ! Thanks for the tip ! I was also wondering how to create transparent non clickable interactions(recorded interactions) showing just the mobile/website frames with no background. How to go about that?
@jennbydesign
@jennbydesign Год назад
Hey! I honestly don’t know how to do that directly from Figma or adobe but I know there are certain tools/websites that do that.
@dietbeyondcalories
@dietbeyondcalories 2 месяца назад
I was soo confused about how to make the prototype look bigger…. Thankyou so much❤
@jennbydesign
@jennbydesign 2 месяца назад
You’re welcome!
@adrianasolomon1105
@adrianasolomon1105 Год назад
Hei! How did you make your prototype to appear in a laptop frame?
@ikennagibson3933
@ikennagibson3933 Год назад
Nice video Jenny. I would like to know if one gets to interact with the prototype through that laptop mock up I can see there having embedded the code
@jennbydesign
@jennbydesign Год назад
Yes! Viewers can interact with the prototype and click through it like it was a real website
@ikennagibson3933
@ikennagibson3933 Год назад
@@jennbydesign thanks Jenny
@katestanislavska1868
@katestanislavska1868 Год назад
Hi, thank you the video! I am working in Squarespace too and used your advice for the desktop version. However, it doesn't work for mobile properly since embedded code is the same for desktop and mobile versions. I mean, if I set 1000px width for the prototype, it doesn't look good on mobile. Did you face that problem, any tips? Thank you!
@jennbydesign
@jennbydesign Год назад
Hi! Yes it’s the same for me however, it shouldn’t be a big deal since recruiters and hiring managers will primarily be viewing your portfolio on a desktop, they’ll be able to see the prototype in its right proportion.
@HollowAKK
@HollowAKK 11 месяцев назад
Great Instructions! I was wondering if there a way to change the size of the prototype when someone views my portfolio on their phone. When viewing the figma prototype on a desktop screen it looks good, but when someone views it on their phone the prototype is zoomed in (For example not showing the laptop on the zoe cafe prototype) Is there a way to fix it?
@jennbydesign
@jennbydesign 11 месяцев назад
I’m not sure if that’s possible. Perhaps, you could explore the option of hard coding in a mobile side of you’re good with coding.
@JefferyDernbach
@JefferyDernbach Год назад
Cool Video! Is there a way to hide the "Last Updated x time ago" that is in the iFrame?
@jennbydesign
@jennbydesign Год назад
Not sure 🤔
@joellethompson6682
@joellethompson6682 Год назад
My embedded prototype has the bar at the bottom mentioning cookies is there a way to remove this? I dont like how it looks
@jennbydesign
@jennbydesign Год назад
Hmm I’m not familiar with that. Not sure why that would show just for embedding.
@likemoon83
@likemoon83 Год назад
Thanks for this video , very helpful for me🙏 Is that possible to see your portfolio cause I also make portfolio on Squarespace so I would like to see hows your if your don't mind ! :)
@jennbydesign
@jennbydesign Год назад
You’re welcome! My portfolio can be found here www.jenniferdarlington.com
@likemoon83
@likemoon83 Год назад
@@jennbydesign Many thanks
@Joyceemeziem
@Joyceemeziem Год назад
Hey Jenny. When will you be doing a video on how to get internships as a Jnr designer because it is tiring to not find😭😭
@jennbydesign
@jennbydesign Год назад
Hey! Since I didn’t do an internship, I do not have much information about that route. :/
@Layquins
@Layquins Год назад
Hi Jenny, is there a way I can upload the embedded file to play by itself? Rather than viewers having to Interact with? Thanks.
@jennbydesign
@jennbydesign Год назад
You can hit the record button on your prototype to record yourself interacting with the prototype and upload that video into your portfolio. But viewers would still have to hit play to watch it. I don’t know if other platforms have auto-play features.
@princeisaac5177
@princeisaac5177 Год назад
A friend told me to try turning the file into a GIF.
@user-zf8xj3fj6s
@user-zf8xj3fj6s Год назад
how do you center it
@jennbydesign
@jennbydesign Год назад
That will have to be done with whatever platform you’re hosting on. Just center that block.
@SpazValle29
@SpazValle29 Год назад
I used uxfolio and it won't load. Any tips ?
@jennbydesign
@jennbydesign Год назад
I’m not familiar with uxfolio so I can’t be of much help.
@bobbsey1
@bobbsey1 Год назад
What if my Figma embedded code isn't loading all the way to show the prototype? Its taking for everrrrr and it hasn't loaded, I just see the black Figma screen :( someone help me plz!!
@jennbydesign
@jennbydesign Год назад
I do notice it takes a little longer for Figmas prototype to load but it still shows up for mine. What platform are you using for your portfolio?
@danieljacque6665
@danieljacque6665 Год назад
@@jennbydesign I noticed it still works. After you save your code try opening your portfolio from a private browser and see if it comes up.
@dhinesh.partha
@dhinesh.partha Год назад
I can't able to import my figma embed code in behance. Even after I login to the figma
@jennbydesign
@jennbydesign Год назад
I don’t know if behance has that capability
@ashleybutac7346
@ashleybutac7346 2 месяца назад
anyone know how to do this with webflow??
@stuartfraser6398
@stuartfraser6398 2 месяца назад
Just use the embed code option from the elements options on the left side bar and paste in the code and place the frame where you want it on your page👍
@daria668
@daria668 Год назад
anybody know if wordpress lets us embed code?
@jennbydesign
@jennbydesign Год назад
Wordpress is code heavy so I’d assume the answer is yes.
@uxprodigy
@uxprodigy Год назад
Thank you
Далее
AMAZING COTTON CANDY HACK!🤑 #shorts
00:37
Просмотров 3,2 млн
Gonna tell my kids this was Spider-Man
00:27
Просмотров 15 млн
How to embed a clickable prototype into a web page
2:52
Jitter. A SUPER FAST UI/UX Animation Tool!
9:38
Просмотров 44 тыс.
How to build your first UX Design PORTFOLIO Tutorial
17:17
Индуктивность и дроссель.
1:00
Полезные программы для Windows
0:56
Топ-3 суперкрутых ПК из CompShop
1:00