AI Auto Generate Design System is a Figma plugin I'm actively developing that empowers designers to rapidly create scalable and consistent Design Systems using AI-driven automation. The plugin offers two distinct modes: Generate from Image and Manual Mode.

• Generate from Image: This mode utilizes AI to analyze images or frames, automatically extracting key design elements such as colors, typography, and UI components. The AI then translates these elements into structured Design Tokens and Variables. This feature is particularly useful for designers starting from scratch or those who have already designed a few frames and want to accelerate the creation of a comprehensive Design System.

• Manual Mode: For more granular control, designers can manually define and customize each token. This mode allows for precise adjustments, ensuring the Design System aligns perfectly with specific project requirements.

Currently, the plugin supports the generation of primitive color tokens and typography styles, whether sourced manually or extracted from uploaded images. This capability streamlines the process of building a robust, reusable Design System, saving designers significant time while ensuring consistency across projects.