Community forum for knowledge and support

Updated 11 months ago

Combining webflow variables to speed up your workflow

At a glance

The community member is asking how to combine Webflow variables with the Client-First (CF) naming system to speed up their workflow. The responses indicate that the CF documentation covers using variables for colors, but there are no guidelines yet on using variables for sizing, as Webflow has not released breakpoints for sizing variables. The community members also mention that deleting elements in CF has been complex with some serious bugs, but they are working on fixing these issues.

Useful resources

Hello everyone. For people that uses CF naming system, how do you combine Webflow variables to speed up your workflow?
I'm kinda confused cos I don't know how to combine both but I can use either.

M
M
5 comments

I would read the CF docs on how to best utilize variables. It is also our recommendation for working with Relume since we work closely together with Client-First.
https://finsweet.com/client-first/docs/variables

Thanks for the response but I have read that already and it seems to cover just color alone which is fine but I wanted to know how it works with size.

Yeah as mentioned in the doc, we don't have any guidelines yet on size since there is no breakpoints for sizing variables - one Webflow releases breakpoints, we'll explore how sizing would work into CF.

deleting elements is far more complex than I think anyone realizes, including us, and we've found some very serious bugs with it and we're through the bulk of fixing said bugs and doing some stress testing now.

Alright, y'all are doing an amazing job btw πŸ‘

I think I have found something might help me in that regards.

Add a reply
Sign up and join the conversation on Slack