What's new

Full support for Figma widgets with a unified CLI for both plugins and widgets. Multiple templates showcase real use cases and demonstrate how to use the Figma API effectively for different scenarios.

Configure different bundling options for main and UI code using the context option in your vite.config.js. Apply Vite plugins conditionally based on whether you're building the main thread or UI code.

No more manual network access configuration in your manifest file. WebSocket and browser preview are enabled automatically. True zero-config approach means you can start building immediately without setup hassles.

WebSocket connections now wait until fully established before sending messages. Dark/light mode syncs instantly, and you can preview with minimized plugin windows to keep your workspace clean.

A brand new CLI wizard that supports adding integrations and installing using any package manager. Streamlined commands make development faster than ever with automatic dependency management and intelligent package manager detection.

Specify your own HTML template for entry files, giving you complete control over the initial structure. Perfect for advanced users who need custom frameworks or libraries that require specific HTML setup.

Better source mapping for main code makes debugging easier. Chrome DevTools workspace integration lets you edit files directly from the browser. Improved CLI output and error formatting provide clearer feedback during development.

Add powerful tools instantly using the CLI. Choose from Tailwind CSS, Shadcn UI, Prettier, ESLint, Vitest, and Playwright. Each integration comes with pre-configured setup and example code.