Coreframe – Design System and Component Generator
by Sugeng Priyanto
Generate design tokens, variables, UI components, and developer-ready exports directly inside Figma.
Installs
1
Likes
1
Users
23
Views
80
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 allUI Kit
by Дмитрий
Turn technical debt into design consistency.
Handy Components
Paidby Arsen Kolyba
Instantly paste useful UI components like calendar, search, cards and more in Figma and FigJam
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
by Uwarp
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
UI Components Kit
by sleman safiah
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...