Hugo-Dz / figma-plugin-template

A Figma plugin template using svelte. SCSS and Typescript support

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Figma Plugin Template

This is a Figma plugin template using rollup and svelte. TS and SCSS support included 🤙

If you are new to Figma plugins, read my guide about this template. It explains how Figma plugin works, and will get you a better understanding of the whole thing.

Instalation

Clone this repository and remove the remote to make it your repository:

# Clone the repository
git clone git@github.com:tomquinonero/figma-plugin-template.git

# Remove the remote
cd figma-plugin-template
git remote rm origin

Or you can just fork it!

Usage

Launch the development server:

# yarn
yarn dev

#npm
npm run dev

The root component src/main.svelte contain an example on how to send messages to code.ts.

All the interactions with Figma needs to be in src/code.ts.

Thank you for passing by ✌

About

A Figma plugin template using svelte. SCSS and Typescript support


Languages

Language:JavaScript 73.9%Language:Svelte 11.2%Language:TypeScript 8.9%Language:SCSS 3.6%Language:HTML 2.4%