Coreframe – Design System and Component Generator

About this plugin

Coreframe — Design System & Component GeneratorGenerate professional design systems in minutes, not days.Coreframe helps designers and product teams build consistent, scalable design systems directly inside Figma. Generate design tokens, component libraries, documentation, and developer-ready exports without repetitive setup.Whether you're starting a new product, creating a UI kit, or standardizing an existing design system, Coreframe automates the foundation so you can focus on designing.---## ✨ What You Can Generate### 🎨 Foundation Tokens• Color Tokens & Variables• Typography Styles• Spacing Variables• Grid Systems• Border & Radius Tokens• Shadow Tokens• Opacity Tokens---### 🧩 UI ComponentsGenerate production-ready components including:• Buttons• Inputs• Selects• Checkboxes• Radio Buttons• Toggles• Badges• Alerts• Cards• Avatars• Navigation• Forms• Modals• Tooltips• Progress Indicators• Tables• File Uploads• And dozens more.---### ⚙️ Component SystemsGenerate complete component sets with variants and properties automatically.Current Release✓ 62 Single Components✓ 41 Component Systems---### 📚 Documentation GeneratorAutomatically generate clean design system documentation directly inside your Figma file.---### 💻 Developer Export (Beta)Export developer-friendly design tokens and assets to speed up handoff between design and development.---## Perfect For• Product Designers• UI/UX Designers• Freelancers• Agencies• Startups• Product Teams• Design System Teams• Developers working with Figma---## Current Features✅ Foundation Token Generator✅ Semantic Tokens✅ Component Token Mapping✅ 62 Single Components✅ 41 Component Systems✅ Documentation Generator✅ Developer Export (Beta)---## Coming Soon🚀 Multi-theme Support🚀 Advanced Developer Export🚀 More Components & Component Systems🚀 Continuous Updates---If Coreframe saves you hours of setup, consider leaving a review—it helps us continue building the fastest design system generator for Figma.