DS KIT

DS Kit generates a complete design system inside your Figma file — automatically, on a dedicated page, ready to use from day one.

Pick your brand color and fonts, hit Generate — and DS Kit does the rest.——————————————————✦ What DS Kit creates🎨 Colors — 10 shades per color (50–900), color styles, semantic tokens✏️ Typography — text styles for Heading and Body fonts🔘 Buttons — 4 sizes (SM, MD, LG, XL) × 6 variants × 5 states + showcase table📝 Inputs — 3 styles (Fill, Stroke, Underline) × 5 states + showcase table🔴 Icons & Spinner — components with boolean props🌙 Dark Mode — full Figma Variables with light and dark values——————————————————No manual work. No copy-pasting. Just a solid design system, ready to build on.