Back to Plugins
Figplug
Figplug – starter Figma plugin with theme-aware UI and tooling.
Plugin Preview
About this plugin
Figplug - a ready-to-use Figma plugin starter with theme-aware UI, resizable window, and TypeScript tooling. Use it as a template to jumpstart new plugins.
Use this GitHub repository to get started:
https://github.com/alekseikipin/Figplug-ui-kit
What’s Included
- code.ts: Main thread logic (window resize + persistence)
- ui.html: Theme-aware UI with resizer, keyboard support, and snap sizes
What’s Not Included
- No manifest.json (add this in your plugin project)
- No package.json, bundler, or ESLint config
- No build/watch scripts
How To Use
Copy code.ts and ui.html into your plugin's source.
Features
- Theme-aware tokens using --figma-color-* and themeColors: true Image
- Persistent window size via figma.clientStorage Image
- Smooth resize with drag handle Image
- Double-click snap widths (320, 480, 640px) and keyboard-accessible resizer Image
Configuration
Toggle size persistence: set PERSIST_WINDOW_SIZE in code.ts.
Plugin Details
| Version | 2 |
|---|---|
| Created | September 5, 2025 |
| Last Updated | September 13, 2025 |
| Category | Software development |
| Creator | Aleksei Kipin |
| Stats | 5 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.