Skip to content
Coreframe – Design System and Component Generator

Coreframe – Design System and Component Generator

by Sugeng Priyanto

Generate design tokens, variables, UI components, and developer-ready exports directly inside Figma.

FreeFigma

Installs

1

Likes

1

Users

23

Views

80

Preview

Coreframe – Design System and Component Generator preview

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.

Website: https://getcoreframe.siteDocumentations: https://docs.getcoreframe.siteSupport: support@getcoreframe.site

More ui kits plugins

View all