Sketch revamps Symbols into Smart Components with context-aware overrides

Design · 4 min read

Sketch's new Smart Components extend the classic Symbols concept by allowing components to react to contextual inputs like parent layout, theming tokens, and user preferences. Overrides can now be conditional, enabling a single component to surface different variants depending on its container.

Smart Components include state management for hover, focus, and interactive states, with an API for simple interactions and transitions. Designers can define constraints and responsive rules that propagate automatically when a component is reused across artboards.

Sketch also improved library publishing with dependency graphs and automatic changelogs, making it easier for teams to reason about updates and migrations. The release supports export to code frameworks and standardizes a metadata format for design-system enforcement.

Users noted that Smart Components reduce duplication and make it easier to maintain consistent behavior in large projects, though teams with deeply custom component logic may still opt to keep some bespoke implementations outside the system.