Skip to main content
Question

Menu Components Not Updating Consistently Across Pages in Figma (Restaurant Menu Design)

  • February 1, 2026
  • 1 reply
  • 39 views
joeroot.pk80

I’m designing a restaurant menu website (similar to a Culver-style menu) in Figma that includes multiple categories, item cards, prices, images, and promotional labels. I’m using components and variants for menu items so I can reuse them across different frames and pages.

The issue I’m facing is that when I update a component (for example, changing a price style, item description, or image), the changes don’t always propagate correctly to all instances. Some instances update as expected, while others remain unchanged or partially updated, even though they appear to be linked to the same main component.

I’ve double-checked overrides, variants, and auto-layout settings, but the behavior is still inconsistent. Is this a known limitation with nested components or variants, or is there a best practice for managing large, multi-category menu systems in Figma to avoid this issue?

    1 reply

    waqaskhan2947

    What you're describing is often caused by **overrides or detached nested instances** rather than the main component itself. In large systems with multiple variants, it's easy for some instances to retain overridden text, images, or styles, which prevents updates from propagating fully.
    A few things to check:
    * Verify that the affected instances haven't been detached from the main component.
    * Check for text, image, or style overrides in nested components.
    * If you're using variants, make sure all instances are actually using the same component set and variant properties.
    * Review nested components inside your menu item cards, as updates to a child component may not affect instances that have local overrides.
    * Consider keeping pricing, labels, and images in separate sub-components to reduce complexity.
    For a large restaurant-style design system such as a 7 brew menu, a common best practice is to create a clear component hierarchy (Menu Item → Category Section → Menu Page) and minimize manual overrides whenever possible. This makes updates much more predictable and easier to maintain across multiple pages and categories.

    Terms & ConditionsAccessibility statement