DesignSystem.ai Opensourced: New Toolkit for Training Models on Component Libraries

Design · 5 min read

The open-source project DesignSystem.ai provides data extractors, tokenizers, and finetuning recipes for teams that want models aware of their design system. The toolkit converts component metadata, documentation, and usage examples into a structured training dataset optimized for instruction tuning.

Included are example adapters for popular tools like Storybook, Figma, and Zeroheight, plus evaluation scripts to measure fidelity when a model generates component suggestions or naming conventions. The goal is to reduce mismatches between generated outputs and a team's actual design vocabulary.

Contributors from several design-centric companies emphasized the value of reproducibility and governance: the toolkit includes guidance for dataset curation, bias checks, and a licensing checklist to ensure assets used for training are cleared for model use.