Sketch adds 'Generative Components' plugin for rapid pattern creation

Design · 3 min read

Generative Components creates component variants—buttons, cards, and form fields—based on a seed design and token constraints. Designers can tell the plugin to prioritize states (hover, focus) or accessibility improvements, and it will produce consistent variants with exported tokens for colors, spacing, and type systems.

The plugin supports versioned libraries and can retroactively refactor existing components to adopt generated tokens. It integrates with design system documentation so teams can review and accept generated components into their official libraries.

Sketch positioned the plugin as an assistive tool for system maintainers: it reduces repetitive work and ensures changes propagate safely across files. Beta participants highlighted time savings when onboarding new designers or expanding systems for new platforms.