Introducing Variables in the Webflow Designer

Variables allow you to create a consistent design system for your site. You can create variables for size, color, and font styles and reuse them for a consistent and faster design experience. When you update a variable value, that change will update everywhere it’s used on the site, even on elements in different classes.
00:00 - Introduction
01:25 - Create
02:09 - Apply
03:02 - Edit
03:27 - Manage
04:03 - Unlink
04:29 - Delete
05:12 - Recap
Read all about it → university.webflow.com/lesson...
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community
webflow.com
/ webflow
/ webflow

Пікірлер: 21

  • @ruandemeyer2497
    @ruandemeyer24978 ай бұрын

    As a visual communicator the removing of icon's on the new layout is something to get use to. Overall much better on the eye.

  • @rohandash9838
    @rohandash98386 ай бұрын

    The webflow university courses are still talking about swatches. Took me a while to figure this out. About time you update this in your courses as well. Great stuff tho!

  • @sachinRao15
    @sachinRao158 ай бұрын

    Can't use them in the interaction panel when we want to animate color properties 😔

  • @Webflow

    @Webflow

    8 ай бұрын

    Thank you for your feedback! The team is actively working on the product gaps for variables including interactions. So for now the best option is to just copy/paste the color values as static values and link them to variables when that functionality ships.

  • @pilot341
    @pilot3418 ай бұрын

    Hi Webflow. I understanding variable in the webflow designer is very well. Here in British English word "Colour"!

  • @design2code
    @design2code8 ай бұрын

    Great feature! 🙏

  • @jdanielortega
    @jdanielortega8 ай бұрын

    Can the Variables tab almost fully replace the classic Style Page we create to keep things organized or am I missing something?

  • @celinereynaud5183
    @celinereynaud51837 ай бұрын

    Hey, is it possible to copy/paste or duplicate variables for one site to another ? That would be a great thing to do cause, size variables are regularly the same ... and creating every time these variables takes quite a lot of time ^^

  • @GiampaoloTenti-vv3hu
    @GiampaoloTenti-vv3hu5 ай бұрын

    Great! Is there a way to export or share them through projects?

  • @andreasgaida7892
    @andreasgaida78928 ай бұрын

    What's the difference to a "master" color that's used?

  • @1Waym
    @1Waym8 ай бұрын

    Please let us change value of a variable depending on the breakpoint size

  • @erc8311
    @erc83118 ай бұрын

    Is this different from color swatches at all, other than being easier to manage?

  • @Webflow

    @Webflow

    8 ай бұрын

    This expands the idea of swatches into reusable values for things like typography and size (em, rem, px, %...)! Learn more about how you can use variables → university.webflow.com/lesson/variables

  • @MSTSHAKILABEGUM
    @MSTSHAKILABEGUM8 ай бұрын

    Nice

  • @hulmie
    @hulmie8 ай бұрын

    So is this Webflow's version of design tokens?

  • @Webflow

    @Webflow

    8 ай бұрын

    Variables and tokens are related. Here's a presentation by Timothy Ricks which goes into more detail: kzread.info/dash/bejne/rGGsmpmocdy-f7w.html

  • @wajidappleeos
    @wajidappleeos8 ай бұрын

    now is coming new features ? when Web flow had updated?

  • @Webflow

    @Webflow

    8 ай бұрын

    Lots of features were announced at Webflow Conf in October and lots more to come. You can view the Webflow Conf 2023 Keynote over at kzread.info/dash/bejne/dpqkztZmmsXWadI.htmlfeature=shared&t=1277

  • @adipa0101
    @adipa01018 ай бұрын

    Please please please.. Let us change the order of variable or color pallete or anything, its frustrating that we cant change the order of them. Thanks Webflow..

  • @Webflow

    @Webflow

    8 ай бұрын

    Will share this to the team! We're definitely looking into and wanting to implement updates to make using variables in Webflow more smooth. Thank you! ☺️

  • @LutherDePapier
    @LutherDePapier8 ай бұрын

    Awesome. But I'll miss the comedy.