FigmaKit Plugin UI Svelte

A component library for Svelte based Figma plugins. It provides a set of reusable components and utilities to help you build Figma plugin interfaces quickly and efficiently with Svelte 5.

Number one priority was to re-implement the original Figma UI elements as close as possible, so plugin users have a familiar and high quality experience.

This library is built on top of figma-plugin-ds-svelte, many thanks to the original author for providing this resource.

Usage

$3

Install this library via npm install figmakit-plugin-ui-svelte and import components like this

``javascript
import { Button } from 'figmakit-plugin-ui-svelte';

console.log('Button clicked!')}>Click Me;
`

Demo Page

Inside '/routes' is a demo page with all the components and usage examples. After cloning this repo and installing the dependencies via npm install, run npm run dev to start a local server and the demo app. There you find some usage examples on how to use the components and which properties they have in action.

$3

There are additional global styles needed for the components to work correctly. Import them in your main .svelte file like this and your bundler will grab add them to your plugin.

`javascript