Adobe XD to Webflow: Turning your prototypes into live websites

Hosting With Webflow – Adobe XD to Webflow: Turning your prototypes into live websites


Adobe XD to Webflow: Turning your prototypes into live websites

Hosting With Webflow

In this video I will show you how I turn an Adobe Xd prototype into a fully functional responsive site in Webflow with some cool parallax effects and animations.

0:00 – Intro
0:58 – Informations/ inspirations
2:37 – Working in Webflow
3:09 – Adobe XD visuals for the website
6:34 – Creating the layout in Webflow
11:23 – Adding a slider with images
14:50 – Previewing the site
16:15 – Adding animations
20:15 – Features and Parallax Animation
28:15 – Out of Bound Effect

TRY WEBFLOW:

MILANOTE BOARD:

LEARN FROM US:
Access 200+ hours of training videos and get feedback on your work:

READ OUR BLOG

FOLLOW US

PODCAST

Apple –
Spotify –

you search:

Hosting With Webflow

Adobe XD to Webflow: Turning your prototypes into live websites

21 thoughts on “Hosting With Webflow – Adobe XD to Webflow: Turning your prototypes into live websites

  1. is it possible to make each one of the images that float in under the slider ,into dynamic pop up windows? I'm trying to create a graphic design portfolio like this. Thank you!!

  2. So can someone clarify this for me please. Are you able to create an entire website in Adobe XD and then use webflow to make it live without doing any actual code yourself? Or what am I missing?

  3. Thank you for this effort
    Honestly, you have to change the title of your tutorial from " …Adobe XD to Webflow …" To " ….Adobe XD vs. Webflow…" because there is no connection between the two tools.

  4. The title of this video is misleading… It ought to read "how to rebuild your prototype in Webflow… I didn't investigate Webflow completely, but it looks to me that you have to use their hosting too… double wammy – no thanks…

  5. Misleading title….I thought this was actually converting the adobe XD into code and spitting that on to Webflow…….How amazing would that be folks? Too good to be true?

  6. Shooot .. .just looked through your videos. I would have loved to have seen the After Effects -> Webflow video, couldn't find it. Think you could still create one?

Leave a Reply

Your email address will not be published. Required fields are marked *