How to embed a live prototype into an iPhone device frame/skin for a website?

Forum|Forum|4 years ago
March 17, 2021
2 replies
1692 views

Hello!

I'm looking to embed a live XD prototype into my website, and have it fit inside an iPhone 11 frame. I feel like I've seen this done on many portfolios showcasing UX/UI works, but am unsure how to get the skin on there since XD doesn't have an option to export it with any kind of device frame... I'm using the Creator plan on Readymag that allows me to insert custom code if that's the route I need to take.

Has anybody here successfully uploaded a prototype this way, or have any advice on how best to achieve this? Any help/advice welcome, thank you!

This topic has been closed for replies.

Correct answer HARSHIKA_VERMA

Hi there,

We are sorry for the delay in response. I have found two community post related to your question which might help you. Please go through the links once and see if that helps.

Thanks,

Harshika

D

defaulteid6d429cosj

Participant

Try out https://xdframes.com/ They have created custom XD files with device frame boarders for just this purpose.

HARSHIKA_VERMA

Correct answer

Community Manager

Hi there,

We are sorry for the delay in response. I have found two community post related to your question which might help you. Please go through the links once and see if that helps.

Thanks,

Harshika

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded