013 - Figma to Webflow Speed Build | Sneaker Rumble with Devin Fountain from Goodtime Agency

In this episode, we have Devin Fountain back with us to present his winning design from Rumble 002. Learn from Adam as he be brings Devin's Figma wireframe to life on Webflow using the Relume Library components.

Build with us!
Figma File:
https://www.figma.com/file/pllQcJ2RGb...
---
Webflow Cloneable:
https://webflow.com/made-in-webflow/w...

Finished Build:
https://relume-live-sneaker-clonable....

Try Relume Library for free:
https://bit.ly/3DuajGZ

Join our Slack community:
http://slack.relume.io/

Get a copy of our Free Figma Kit:
https://www.figma.com/community/file/...

TIMESTAMPS
0:00 - Countdown
1:00 - Intro
4:30 - Design Overview
9:50 - Webflow Setup
12:40 - Styleguide Setup
15:20 - Font Setup
20:10 - Colour Swatch Setup
23:30 - Button Class Setup
25:00 - Nav Bar Section
26:45 - Hero Section
29:50 - Custom Code Breakdown
34:20 - Sliding Banner Section
38:00 - Product Section
42:50 - Spotlight Section
45:35 - Collection Categories Section
57:50 - Gallery Section
1:00:00 - CTA Section
1:01:05 - Footer Section
1:03:20 - Responsiveness
1:05:40 - Folders Breakdown
1:10:20 - Outro

LINKS & RESOURCES
---

Goodtime Agency:
https://www.goodtime.agency/

Join the Relume Design League:
https://bit.ly/3qCaTea


ABOUT RELUME LIBRARY
---
Say goodbye to building Webflow sites from scratch. With access to over 800 components, you can build beautiful websites and save thousands of hours using the world's largest Webflow component library. Simply search for components, copy with one click and paste them into your Webflow project.



FOLLOW THE RELUME JOURNEY
---
Twitter:   / relume_io  
Dribbble: https://dribbble.com/relumetech
LinkedIn:   / relume  
Webflow: https://webflow.com/relume