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.

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:

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

Memberships sales page

READ OUR BLOG

Homepage

FOLLOW US
https://www.instagram.com/yes_im_a_designer/

PODCAST

Podcast


Apple – https://podcasts.apple.com/gb/podcast/yes-im-a-designer-podcast/id1462185547
Spotify – https://open.spotify.com/show/2vdeYhJimT7CXTVc09zfoA

source

Save This Post
Please login to bookmarkClose