Basically, it would be super useful if you could override certain elements on symbols without having to unlink from the symbol instance. Typically, this would include items such as heading text, paragraph text, links, and icons. Having the ability to edit these elements without effecting the (master symbol) core structure would make it much faster and easier to reuse symbols, similar to how they're used in Figma and Sketch. 👈🏼
With the current setup, if you use a symbol as a layout template (unlinking it each time to insert new content), any future structural changes to that symbol would not be rolled out across the site, meaning a lot of manual work. 😢
Thanks,
Alex
Alex Dixon
Good news everyone - we've just launched content overrides for symbols. This is the first in a series of steps we're taking towards dramatically improving reusability in Webflow...there's a lot more to come. Check out our release notes blog post for a full look at what's included in today's launch.
.svg){kind=logo}
basically, allow a design system :)
I would like to see this for non-CMS accounts too, where I can edit even the predefined elements on weblow, or predefine a set of classes, or basic styling for common elements like input fields and going broader like forms. but styling the items I have on my "add elements (A)" tab.
Congrats on series B!
Cheers, and keep it amazing!
I agree with Dusan's commentary! Display options for the override fields would make Symbols very flexible and would allow a modular approach to the designs. I hope this feature comes soon : )
Would love to see conditional visbility for symbol overrides like display: none or something. That would make it much easier to create more reuseable symbols.
Is there a way to override these symbol values, with content from CMS Collections?
Superb news, this feature is such a big game changer and time saver! Thank you.
This does feel like a missed opportunity. The symbols are really powerful but then nine times out of ten you have to unlink the instance of the symbol to make some minor amends (highlighting the correct page in the nav in my case). At that point you've lost all of the power of the symbol, any feature changes to layout/style and you're required to start over again.
… need this for translation. Has anyone any other simple solution for translating? (no localisation or plugin or other external service like bablic or localizejs)
+MAX figma can do it. come on. how hard can it be ;)