Back to Plugins
Atomic – Design system generator by Subframe

Atomic – Design system generator by Subframe

The easiest way to scale out a basic design system.

generatorkitatomic designcodedesign systemcomponents

Plugin Preview

Atomic – Design system generator by Subframe preview

About this plugin

NOTE: This plugin is in early beta. For early access to the full suite of design system tools, including more components, please visit https://subframe.com/


Atomic is a lightweight way to quickly generate design system components.


Simply press on "Generate" and within seconds, you'll have a minimal design system. Today this comes with:

  1. Icons
  2. Buttons
  3. Icon Buttons
  4. Badges
  5. Alerts


More components coming soon:

  1. Avatars
  2. Tabs
  3. Alerts
  4. Progress
  5. Spinner
  6. Menu
  7. Tables
  8. Breadcrumbs
  9. Inputs


Big thanks to Feather Icons for all the icon assets.

Plugin Details

Version5
CreatedNovember 30, 2022
Last UpdatedJune 5, 2024
Categorydesign-tools-other
CreatorIrvin Zhan
Stats995 installs, 132 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none