During design system development, we often encounter components that could be simplified as templated versions of existing ones.
Examples:
-
A datepicker is essentially a pre-configured text input. It could be created simply by setting specific properties on a standard text input component.

- A menu component could serve as a generic list for dropdowns, but we could offer templates like "Countries", "Categories", or "Currencies". Adding these templates to the design system would help designers avoid "reinventing the wheel" by creating slightly different versions of the same pattern.
Proposed UX for Template Instances in Figma:
-
Create a generic component.
-
Create an instance of that component.
-
Customize its properties as needed.
-
Click "Save instance as preset" or "Save instance as new component".
-
Give the template a name.
-
The template appears as a selectable option (e.g., in a dropdown) when creating new instances.
