Symbol Overrides

 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
  • Nov 30 2018
  • Shipped
  • Mar 20, 2020

    Admin response

    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.

  • Felipe Soares commented
    January 15, 2021 18:59

    basically, allow a design system :)

  • Felipe Soares commented
    January 15, 2021 18:58

    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!

  • Irene Serrano commented
    September 30, 2020 17:05

    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 : )

  • Dusan Vranjes commented
    September 25, 2020 10:20

    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.

  • Klaudia Bachinger commented
    March 30, 2020 12:27

    Is there a way to override these symbol values, with content from CMS Collections?

  • Alex Dixon commented
    March 20, 2020 13:09

    Superb news, this feature is such a big game changer and time saver! Thank you.

  • Mark Whitley commented
    January 11, 2020 20:19

    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.

  • Peter Meyerhofer commented
    August 23, 2019 09:07

    … need this for translation. Has anyone any other simple solution for translating? (no localisation or plugin or other external service like bablic or localizejs)

  • Peter Meyerhofer commented
    August 23, 2019 09:04

    +MAX figma can do it. come on. how hard can it be ;)

  • +59