Thanks for the video! Its really informative even for intermediate people like me. I appreciated seeing your process and learned a lot about efficiency here
@@designbasestudio great!! btw did you try out framer as well? if so what would you say is a strength of webflow? for me it just seems way more flexible and more customizable with js and css
Hello Felix. I watch lots of videos in order to learn web design and development in Webflow but I find your organised approach the most appealing. So from the beginning I'd like to stick to your system and get used to it along the way. I would like to ask you whether you modified your approach, making use of new variables. I guess they are helpful but would be cool to see how exactly you are going to implement it in the process :) Thanks a lot!
Hi Roman, happy to hear that you enjoy my content! Variables are great in general but Webflow needs to give them media queries before they are fully usable. Without media queries you can almost just use them for colors and I don't see any advantages over classes. Sure, you could build your own workarounds with custom code, but why make it even more complicated with this? For me personally, that means I will wait until an update with this.
This was a solution we have build ourselves bit didn’t release it. Currently I am working with utopia.fyi/type/ From my experience this is most flexible and delivers the best results.
Hi Felix - just watching this for the second time - I'm liking what I see - well done! 😊👍🏻 Quick question if I may - do you have the same system cloneable using black font on a white bg? If not - is there a quick/easy way to convert this one? Thanks again! 😊
Hi Mike, I am happy to hear that you enjoy my content. In general, the style guide is ment to be overwritten. Just change the styles for typography and colors that you should be ready to go! ✌️
Thank you for sharing this! Incredibly helpful! I let ChatGPT generate recommendations for fonts, sizes, scales etc. and then turn its response into JSON/HTML/CSS. Would you make a video on how to transfer that beautiful Figma style guide into webflow?
Also an interesting process! You are probably searching for this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lMu98ivckkI.htmlsi=y19LcbzyH15i5UTi
Hi Michael, I guess you are talking about variables. Unfortunately Webflow didn't release this feature including media queries for variables. Without, there are not many use cases (except you add some custom code). But once we got media queries with variables I am looking forward to use them for global stuff like spacings, boarder radius and so on..
![Mastering WEBFLOW STYLE GUIDES [Figma to Webflow Step by Step]](/img/logo.svg){kind=logo}
