Back to Plugins
Kitsune — Design System Generator | Tokens, Components, Redlines & Animation

Kitsune — Design System Generator | Tokens, Components, Redlines & Animation

Generate tokens, UI components, redline specs, and animations — with HTML/CSS + JSON/GIF export.

Plugin Preview

Kitsune — Design System Generator | Tokens, Components, Redlines & Animation preview

About this plugin

Kitsune is a smart design system generator for Figma.Build a scalable foundation in minutes — from colors and typography to UI components, documentation, motion assets, and ready-to-use code exports.Generate everything you need:🎨 Color system with automatic shades, styles, and variables🅰️ Typography scale with text styles and preview sheets📐 Spacing & shadow tokens for consistent layouts🧱 UI components with variants, states, and docs frames📏 Redlines & specs (spacing, anatomy, properties, component sets) for developer handoff💻 HTML/CSS output to speed up implementation🎞️ Animation export from Figma frames to JSON (Lottie-compatible) and GIFKeep design, documentation, motion, and code aligned from day one.Perfect for designers, freelancers, startups, and product teams who want structure without heavy frameworks.Start simple. Scale with confidence.

Plugin Details

Version13
CreatedJanuary 31, 2026
Last UpdatedMarch 7, 2026
Categorydesign-tools-other
CreatorMomyn
Stats10 installs, 5 likes
PricingFree

Technical Details

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