Build With Me: Figma to Webflow Tutorial | Spaces
Build with me as I use the "box method" approach to Webflow that will help you build scalable websites.
What’s good y’all! It’s Sunday so I’ll make this quick, I recorded a new tutorial. Well, it’s more like a “build with me” which feels a lot more casual, which is the direction I want to take my channel this year. Building dope sites with you guys, sharing random stories about my day to day, and just being myself.
I needed some balance, I put on my “corporate” voice when I’m talking to leads and clients. I want to create a more chill space for my content for designers & creatives like you, like I do this newsletter – but also everywhere else. I also have more tutorials and write-ups planned and I’m honestly motivated to create a lot more. I read the comments and was like “oh yea, I’m locking in” haha!
What you can expect from this video:
A cleaner design system & style guide (I forgot to add one to my first tutorial)
Learn how to use Grids and Positioning for some beautiful layouts
Learn some interactions you haven’t considered yet
Changelog in the Figma where I added better fonts and solutions during your build after the recording
Video & Project Assets
Here’s the Click-Up where you can find all of the assets you need for the project:
Spaces | A Figma to Webflow Tutorial
Here’s the first video (there’s 2 parts, first I cover the build, second I cover the interactions step by step):
Inspiration from this week
One of my favorite type foundries that I honestly forgot about but glad I ran back into them: Oh No Type
Nodo Type has a small collection with some good ones in there too: Nodo Type
I love this “For The Youth” Collection by one of my favorite brands “Circulate”, based in Los Angeles, CA.
That’s it for me today, enjoy your Sunday and thank you for watching the video in advance! Let me know your thoughts on it if you can.