uicraft (Beta) - UI Components & Design Tokens
Generate a complete design system — tokens, variables, and UI components — in one click.
Plugin Preview
About this plugin
uicraft is a design system generator for Figma. Select the components you need, apply your custom theme, and generate production-ready design tokens and UI components directly into your file.What it does:Generates Figma Variables — colors, spacing, typography, border radius, shadowsCreates Light and Dark mode token collections automaticallyIncludes 47+ UI components: buttons, inputs, modals, navigation, data display, and moreLets you customize the theme — brand color, neutrals, typography, and semantic tokens — before generatingOutputs a structured component library you can use immediately in your designsHow it works:Open the pluginSelect the components you want to includeOptionally customize the theme in the Theme tabClick Generate Selected — doneWho it's for:Designers and design teams who want a solid, consistent foundation without building a design system from scratch.
Plugin Details
| Version | 5 |
|---|---|
| Created | March 2, 2026 |
| Last Updated | March 11, 2026 |
| Category | ui-kits |
| Creator | Siarhei Tarasenka |
| Stats | 52 installs, 25 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
More Like This
Discover other plugins in the ui-kits category.