Back to Plugins
uicraft (Beta) - UI Components & Design Tokens

uicraft (Beta) - UI Components & Design Tokens

Generate a complete design system — tokens, variables, and UI components — in one click.

Plugin Preview

uicraft (Beta) - UI Components & Design Tokens 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

Version5
CreatedMarch 2, 2026
Last UpdatedMarch 11, 2026
Categoryui-kits
CreatorSiarhei Tarasenka
Stats52 installs, 25 likes
PricingFree

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