Svelte Themes Logo Svelte Themes
Figma Theme UI screenshot

Figma Theme UI

Author Avatar Theme by Lekoarts
Updated: 2 Dec 2025
179 Stars

Convert a Theme UI config to Figma Styles

Github

Categories

Figma

Overview

The Theme UI Plugin for Figma allows users to convert a Theme UI config into Figma Styles. By using a .json file with the theme configuration, users can easily generate Figma styles that can be used in their design projects.

Features

  • Theme UI Config Conversion: Convert a Theme UI config into Figma Styles.
  • Easy Installation: Install the plugin and start using it with minimal setup.
  • Interchangeable File Format: The .json file containing the theme configuration can be easily swapped and used in different projects.

Installation

To install the Theme UI Plugin for Figma, follow these steps:

  1. Download the plugin files.
  2. Install the dependencies by running the following command in your terminal:
npm install
  1. Build the plugin by running the following command:
npm run build
  1. In Figma, go to the “Plugins” tab and click the “+” button next to “Development”.
  2. Choose the manifest.json file from the downloaded plugin files.
  3. The plugin will now be available in any project within Figma.

Summary

The Theme UI Plugin for Figma provides an easy way to convert Theme UI config files into Figma Styles. With its simple installation process and key features, it offers a convenient solution for designers to streamline their workflow and ensure consistency between design and development.