Back to Plugins
Design system builder

Design system builder

Create library in one click

libraryform buildercomponents librarylibrary componentdesign system buildercomponent librarydesign systemcomponents

Plugin Preview

Design system builder preview

About this plugin

❤️ If you would like to support my work -> buy a coffee ;)

https://buymeacoffee.com/rymaszewski


Design system builder is a plugin that helps designers create library components in one click.


⚙️ How It Works:

— Select your preferred colors, font styles, and sizes.

— Generate, and get set of components with variants for your entire design system:


  1. Buttons
  2. Inputs
  3. Dropdowns
  4. Radio buttons
  5. Checkboxes
  6. Textarea
  7. Switch
  8. Basic set of Icons
  9. Avatars
  10. Badges


🤖 ... and more elements coming soon:


  1. Tabs
  2. Alerts
  3. Progress
  4. Spinner
  5. Menu
  6. Tables
  7. Breadcrumbs



🚀 Key Features:

— Customization colors, text, layout

— Variants based components (hover, focus, disabled etc)

— Auto-layout

— Components based


Plugin Details

Version3
CreatedMay 20, 2024
Last UpdatedJune 27, 2024
Categorydesign-tools-other
CreatorRymaszewski
Stats179 installs, 47 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:./dist/ui.html
  • main:./dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none