Skip to content

The official Figma plugin for the ProIcons icon library

Notifications You must be signed in to change notification settings

ProCode-Software/proicons-figma

Repository files navigation

ProIcons Figma Plugin

Figma Sass Svelte TypeScript Vite

Note

This plugin is still a work in progress in active development. You can still use it right now, but not all features have been completed.

The official Figma plugin for the ProIcons icon library. Built with Svelte, Vite, Sass and TypeScript.

Preview

Preview

Features

  • 🔣 Use the latest ProIcons in your design
  • 🎨 Customize the icons before adding
  • 📐 Modern, Figma UI3-based interface
  • ✏️ Works with Figma and FigJam

Community Page

Coming Soon

Building from Source

  1. Clone the repository
git clone https://github.com/ProCode-Software/proicons-figma.git
  1. Install dependencies (PNPM is required)
pnpm install
  1. Run pnpm run build to build the plugin into dist folder

Development

If you want to make changes to the plugin in development, you can run pnpm run dev instead. This builds the plugin in development mode, rebuilding as changes are made.

  • The UI is bundled in dist/index.html. The CSS and JavaScript are inlined by vite-plugin-singlefile due to Figma plugin limitations.
  • The plugin code is available in dist/index.js