Veritheme — Design Tokens & UI Components

Veritheme is a design system generator for Figma. Customize your theme, pick the components you need, and generate production-ready design tokens and UI components directly into your file.

What it does:

Generates Figma Variables — colors, typography, spacing, radius, borders, shadows — plus bound text stylesCreates Light and Dark mode collections automatically (Dark mode requires a paid Figma plan — variable modes)Includes 45 UI components: buttons, form controls, navigation, feedback, and data displayLets you customize the theme — brand color, neutrals, typography, and semantic tokens — before generatingImports an existing theme: drop a theme.json from veritheme.com or any W3C DTCG .tokens.json fileExports your theme and tokens for use in code — the same theme.json works on the web and in your CSSHow it works:

Open the plugin — tweak the theme in the Theme tab (or drop in a theme.json)Pick the components you wantClick Generate Selected — doneWho it's for:

Designers and product teams who want a consistent, token-driven foundation without building a design system from scratch. One theme.json keeps Figma, code, and AI tools in sync — see veritheme.com.