Webflow Variables Deep Dive

Рет қаралды 5,995

Күн бұрын

Learn Webflow the FAST way with our full Webflow Masterclass course - bit.ly/3FZej2s
Last month, Webflow announced the new variable features for everyone to use immediately, and I couldn't be more excited. Because now I can update hundreds of pages in Webflow in seconds using variables, and in this video I'm going to show you how you can too.
Follow Devin on Twitter: / devinsfountain
📽️ CHAPTERS
---------------------------
00:00 - Intro
00:11 - Variables Explained
00:58 - Creating new variables
02:54 - Applying variables to a design
03:50 - Size Variable
06:20 - Mobile responsive (constraints with sizing)
13:03 - Unlinking variables for one-offs
13:29 - Color Variables
18:01 - Updating all variables at the same time
Let us know your thoughts in the comments!
Continue learning from us on other social channels
---------------------------
Instagram: / flux.academy
Tiktok: / fluxacademy
X: / fluxacademyhq
Linkedin: / flux-academy
#webflow #webdesign #freelancewebdesigner

Пікірлер: 12

@coopersamp6002 8 ай бұрын

Devin, your videos always crush. Thank you!!

@GregDolan 8 ай бұрын

Another great video 🚀. Would love to see more on variables, for example how to have a button to switch between light and dark mode 🤞

@MariusGerome 8 ай бұрын

that was great instead of the css device-color-scheme, how can i make this a button and let my user (who might be on a light device setting) switch to dark-mode, or vice versa?

@eli.alcaraz 5 ай бұрын

That was a great primer. Thanks man. A bit late to the Variables party, so that was good way to splash in

@FluxAcademy 5 ай бұрын

Glad it helped!

@gingertom2009 3 ай бұрын

Best explanation even better than Webflow! Thanks a million.

@FluxAcademy 3 ай бұрын

Glad it was helpful!

@nickjones605 8 ай бұрын

Really useful, simple walkthrough, thanks. I can definitely tell (or at least I assume) this version of Variables is very "beta" because there are so many obvious improvements Webflow should add (ex: rearranging variables, the entire interface in general could use a bump etc.) Also, what if you could simply select your variables in the HTML Embed from a searchable dropdown, rather than having to type out "--folder--variable" for example. I'm sure that could be done, almost in the way you can add fields in Template Page Settings.

@MariusGerome 8 ай бұрын

hey, i was just thinking: what if the custom code for the responsive h-sizes doesnt matter? what if you simply change the body-root-font-size from 16px to lets say 14px, and all your rems will respect this change

@johanvanwambeke723 8 ай бұрын

This is what I was thinking ... REM is supposed to do it right