Adobe XD to Webflow: Turning your prototypes into live websites

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.

BECOME OUR MEMBER:
   / @yesimadesigner  

LEARN FROM US:
Build Rock Solid Foundations with our New 12 Weeks long Graphic Design Starter Bootcamp:
https://yesimadesigner.com/courses/st...

NEWSLETTER:
https://yesimadesigner.com/creative-r...

READ OUR BLOG
https://yesimadesigner.com/blog/?utm_...

FOLLOW US
  / yes_im_a_designer  

PODCAST
https://yesimadesigner.com/podcast/?u...
Apple - https://podcasts.apple.com/gb/podcast...
Spotify - https://open.spotify.com/show/2vdeYhJ...

ADOBE CREATIVE CLOUD
If you don’t have an Adobe Xd-, or a Creative Cloud subscription yet, you can subscribe to it here:
https://clk.tradedoubler.com/click?p(...
(*We are partners to Adobe. If you purchase through this link you also support our channel.)

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:
https://wfl.io/yesimadesigner

MILANOTE BOARD:
https://app.milanote.com/1IEhDa1dj65Y35