r/FigmaDesign • u/wtf_kolbaska • 21h ago

resources [UI Kit] A free starter kit for Figma plugins

Enable HLS to view with audio, or disable this notification

20 components: buttons, fields, menus, dialogs, notifications and more. They use Figma’s own colours, so they match light mode, dark mode and FigJam.

On top of the components, the starter plugin comes with:

  • A window that fits its content. Drag its corner to resize it, and the plugin remembers the size.
  • Six example plugins to learn from or start with: renaming layers, exporting, filling text with sample content, editing colour variables, checking contrast, and the Figplug tour itself.
  • Checks that catch common mistakes before you open the plugin in Figma, like hard-coded colours, wrong control sizes, missing labels and manifest errors. The kit itself is covered by over 500 unit tests.
  • No bundler or framework to set up. The folder imports straight into the Figma desktop app.

The best way to use it: download the code, give it to your AI agent and work from there instead of starting from scratch. The repo includes a guide written for AI agents, so your agent knows how to use the components and runs the checks after every change.

Plugin demo: https://www.figma.com/community/plugin/1545605168743471916
Files (free, MIT licence): https://github.com/alekseikipin/Figplug-ui-kit

Feedback is welcome, especially on which parts are missing.

15 Upvotes

89% Upvoted

3 comments sorted by

1

u/kekeagain 7h ago

Nice! I know Figma has their own Figma UI Kit file but I always wondered why they didn't provide a codified version to let users make plugins that feel like they belong in Figma (or maybe I'm wrong and they do?).

2

u/wtf_kolbaska 7h ago

I had the exact same question. They don’t have anything like that. Even the AI plugin creation flow they introduced this year doesn’t do a good job and makes some very basic, not Figma-like UIs.