PrimeUI Theme Generator

About this plugin

Turn your Figma variables into production-ready theme files for PrimeVue and PrimeNG.FEATURESExport & Download• Export Figma variables as structured JSON tokens• Download generated themes as ready-to-use ZIP filesSync to Git• Push variables directly to GitHub, GitLab, or Bitbucket• Push generated theme files directly to your repositoryTheme Generation (requires Theme Designer)• Generate theme presets via Theme Designer• Production-ready code output — no manual conversion neededPerfect For• Teams using PrimeOne UI Kit• Developers who want design-to-code automationRequirements• PrimeOne UI Kit• Theme Designer license required for theme generationSupported Frameworks• PrimeVue (Vue.js)• PrimeNG (Angular)• Soon: PrimeReact (React)HOW TO USECollectionsEdit which collections to include or exclude (all selected by default)Export your collections in W3C DTCG formatTheme GenerationGo to Settings → General tabAdd your Theme Designer secret key (find it under Theme Designer in your PrimeUI.store account)Once saved, click "Generate Theme" to create your theme from Figma variablesDownload your generated theme directly from this sectionSyncGo to Settings → Sync tabConnect your GitHub, GitLab, or Bitbucket account using your access token with read and write permissionsConfigure your repository, branch, and file locations for variables and themePush your variables or generated themes directly to your repoBuilt by the PrimeTek team